3.1、插值语法:
功能:用于解析标签体内容;
写法:{{XXXX}} , XXXX是js表达式,且可以直接读取到data中的所有属性;
3.2、指令语法(标签体内只能用指令语法):
功能:用于解析标签(包括:标签属性、标签体内容、绑定事件.......)
举例:V-bind:href="XXXX" 或 简写为 :href="XXXX" ,XXX同样要写js表达式,且可以直接读取到data中的所有属性。
备注:Vue中有很多的指令,且形式都是: V-??
3.3、数据的单向与双向绑定
v-bind : 是数据是单向绑定,即数据可以从data流向页面,但不能从页面流向data; 简写为两个冒号,如 v-bind:href= 简写为: :href;
v-model: 是数据的双向绑定,即数据不仅能从data流向页面,还能从页面流向data; v-model:value= 简写 v-model = 此处省略掉value
注:v-model 只能用于表单类元素,它默认收集的是value的值(如:输入类的元素,input,select)上,即是交互类的元素上
3.4、事件绑定:
v-on: 事件绑定 v-on:click="" 简写 @click="" 对应下面Vue的函数是在methods:{函数名(){}}
想了系统性学习开发项目并下载源码,可以搜索微信小程序“群应荟萃” 并转发 ,有无限多的免费学习教程。
加入微信群:“群应荟萃”可以实时获取最新资源更新
教程版权归原作者所有,本站只是负责搜集整理