Vue基础(2)- 使用Vue的第一步

1.官方文档传送门 https://cn.vuejs.org/

2.其实vue的使用操作很像我们平常在做的导包入包,官方提供了两个版本的vue,but在学习阶段建议使用开发版本,即完整版,除了可以完整的看到整个框架涵盖的内容,同时包括所有完整的警告提示,在学习阶段中容易让我们发现错误及时改正;生产版本,也可以称之为mini版本,运行速度较快,代码压缩,but没有帮助的提示信息。

3.html中插入有关html的语法



4.html中插入有关html的语法

{{ message }}

5.Js中插入有关Js的语法

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

6.总结:
a.导入 开发版本 的Vue.js
b.创建Vue实例对象,设置 el 属性和 data 属性
c.使用简洁的 模板语法 把数据渲染到页面上。

你可能感兴趣的:(Vue基础(2)- 使用Vue的第一步)