因为vue借鉴MVVM的思想， 一般使用vm作为new vue的对象

 

 

 

 

 

 

hello,world实例（插值语法：使用 {{ xxx }} 可以设置标签中的文字内容）

 

 

指令语法

v-bind:value="xxx"   （简写为 :value="xxx" ）单向数据绑定（data中的数据改变，使用v-bind:的值改变，     反过来data中的不会变）

v-model:value = "xxx"   （简写为 v-model="xxx"）双向数据绑定（只能使用在表单输入标签上(input，单选，多选等 有value值的)）（data中的数据改变，使用v-bind:的值改变，     反过来data中的也会变）

标签属性：使用v-bind:（简写为 : ）    取vue中的data，设为标签中的属性或内容

设置标签中的内容   v-bind:value="标签内容"

 

 

 

vue中的内容都可以使用    js表达式

 

 

 

data中的层级关系

 

el的两种写法（写在vue中   和   使用对象中的$mount挂载标签内容）

使用$mount可以设置定时  加载  data

 

 

data的两种写法（对象式和函数式）

使用  组件   必须使用第二种函数式

 

一般第二种函数式可以写成以下这种

 

 

 

 

数据代理

其中的vue的  使用_data存放data中的数据  使用data可以访问到_data内容，（vm._data.name可以获取data中的name）

Object.defineProperty(对象，属性，内容和控制属性)

用于js添加对象 属性内容(age:18)

使用number和getter，setter实现数据绑定（number与age的双向绑定）