首页 > web前端 > js教程 > 正文

Vuejs中methods和data属性的使用

藏色散人
发布: 2019-04-18 11:16:08
原创
10551 人浏览过



在本篇文章中,我们将给大家介绍如何在Vue JS中使用methods和data属性。

注,我们使用Vue cli生成项目。

创建我们的项目

让我们通过运行以下命令快速创建我们的vue项目。

vue create vue-app
登录后复制

以上命令将下载vue-app文件夹中所需的文件。

使用cd vue-app更改工作目录,然后使用你喜爱的代码编辑器打开项目文件夹。

src文件夹中导航到App.vue文件并删除所有内容,然后用下面的代码替换。

App.vue

<template>
  <div>
    <h1>Hello Vuejs</h1>
  </div>
</template>

<script>
export default {};
</script>
登录后复制

<strong>data</strong>属性

在上面的代码中,我们将在

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!