1 导包使用
在HTML的<script></script>标签导入js包。在vue.js的官网上可下载。尽量使用下载包到本地,使用cdn版本容易程序运行不出来,卡顿。
2 实例化vue对象
另写一个script标签
var vm = new Vue({ // 选项 })
3 vue对象与HTML的标签绑定
<div id="app">
//html标签内容
</div>
<script>
var vm = new Vue({
// 选项
el: '#app', //将HTML的ID为app的这一部分交给vue管理,这部分的数据可以和vue的data选项里的数据实现双向绑定
data: {}//在接口中的数据和页面的数据之间的中介
methods:{}//页面点击事件的方法,以及从接口获取数据后操作数据的位置
mounted:{}//可以简单理解为一显示页面就会执行的方法,一般会调用用户验证和页面初呈现的效果
})
</script>
vue的精华:数据变,页面变。页面变,数据变。