1.官方文档传送门 https://cn.vuejs.org/
2.其实vue的使用操作很像我们平常在做的导包入包,官方提供了两个版本的vue,but在学习阶段建议使用开发版本,即完整版,除了可以完整的看到整个框架涵盖的内容,同时包括所有完整的警告提示,在学习阶段中容易让我们发现错误及时改正;生产版本,也可以称之为mini版本,运行速度较快,代码压缩,but没有帮助的提示信息。
3.html
中插入有关html的语法
<!-- 开发环境版本,包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
4.html
中插入有关html的语法
<div id="app">
{{ message }}
</div>
5.Js
中插入有关Js的语法
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
6.总结:
a.导入 开发版本 的Vue.js
b.创建Vue实例对象,设置 el 属性和 data 属性
c.使用简洁的 模板语法 把数据渲染到页面上。