摘要：
Vue中的数据代理 通过vm对象来代理data对象中属性的操作（读/写） Vue中数据代理的好处 更加方便的操作data中的数据 基本原理 通过Object.defineProperty（）把data对象中所有的属性添加到vm上 为每个添加到vm上的属性，都指定一个getter和setter 在ge 阅读全文
摘要：
MVVM模型 M：模型（Model）：data中的数据 V: 视图（View）: 模板代码 VM：视图模型（View Model）: Vue实例 我们可以打印一下vue实例 let vm = new Vue({ el:"#root", data(){ //data函数式写法 name:"彭可选" } 阅读全文
摘要：
el 在创建对象时绑定标签 let vm = new Vue({ el:"#root", //el第一种写法 data:{ name:"彭可选", } }) 在创建对象之后绑定标签 let vm = new Vue({ data:{ name:"彭可选", } }) vm.$mount("#root 阅读全文
摘要：
单项绑定（v-bind） 数据只能从data流向页面 双向绑定（v-model） 数据不仅能从data流向页面，还可以从页面流向data 备注 1. 双向绑定一般应用在表单类上，（如：input,select等） 2.v-model:value 可以简写成 v-model 因为v-model默认收集 阅读全文
摘要：
插值语法 功能： 用于解析标签体内容 写法： {{XXX}} XXX是js表达式，可以直接读取到data中的所有属性 <body> <div id="root"> <h1>插值语法</h1> <h3>你好，{{name}}</h3> <hr> </div> <script> Vue.config.p 阅读全文
摘要：
初识Vue 想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象 root容器中（div）的代码依然符合html规范，只不过混入了一些特殊的vue语法 root容器中的代码称为【vue模板】 vue实例和容器是一一对应的 真实开发中，只有一个vue实例 并且会配合着组件一起使用 {{XXX 阅读全文