一、初次创建vue:
1.创建一个vue实例,且要传入一个配置对象
2.容器里的代码依然符合html规范,只不过混入特殊的vue语法
3.容器里的代码被称为{vue模板}
4.Vue实例和容器是一一对应的
5.真实开发中只有一个vue实例,并且会配合组件一起使用
6.{{xxx}}中的xxx要写js表达式,且xxx可以自动读取到data中的所有属性
7.一旦data中的数据发生改变,那么页面中使用到该数据的也会自动更新
二、vue模板语法两大类:
1.插值语法:
功能:用于解析标签体内容
写法:{{xxx}}. xxx是js表达式,且可以直接读取到data中的所有属性。
2.指令语法:
功能:用于解析标签(包括:标签属性,标签体内容,绑定事件....)。
举例:v-bind:href="xxx"或简写为 :href="xxx" xxx同样也要写js表达式
三、数据绑定
Vue中有两种数据绑定的方式:
1.单向绑定(v-bind):数据只能从data流向页面
2.双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data
备注:1.双向绑定一般都应用在表单类元素上(如:input,select等)
2.v-model:value可以简写为v-model. 因为v-model默认收集的就是value值