一、引入vue库
www.bootcdn.cn/ (下载Vue地址)
二、实例化
new Vue({})
三、作用域
el:选择器 $mount(选择器)
四、数据绑定
{{}}和 v-text/v-html指令 相当于innerText/innerHtml
五、双向绑定 1.双向绑定指令 v-model 直接绑定数据对象 2.常用的指令
.trim 删除数据两边的空格
.lazy 懒更新 当光标移出时再刷新
.number 仅输入数字(有bug) 通过改变input的type的值解决 将type="text"改成type="number"
const vue = new Vue({
el:选择器,
data:{
Name:张三,
age:16
}
})