VUe的的基本语法
1.2模块语法、数据单(双)向绑定
一、模块语法
可分为:1.插值语法、2.指令语法
1 |
|
总结
Vue模块语法有2大类:
插值语法
功能:用于解析==标签体内容==
写法:,xxx是==js表达式==,且可以==直接读取==(如果是date里面对象的值则需要使用object.propertyName访问)到data中的所有属性
备注:
- 如果同一个变量在同一级中进行了多次赋值,则以==最后一次赋值==为准
指令语法
- 功能:用于解析标签(包括标签属性、标签体内容、绑定时间……)
- 写法举例:
- 绑定标签属性:v-bind:href=’xxx’, xxx直接为名字
- 或简写为 :href=’xxx’,xxx同样要写==js表达式==
- 备注:
- Vue中有许多的指令,且形式都是 v-??,这里只是一个举例
- v-bind是==单向数据绑定==
这里需要注意一下,微信小程序中的指令语法写法与插值语法相同
eg:
二、双向数据绑定
1 | <input type='text' v-mode='name'> |
总结:
Vue中有2种数据绑定的方式:
单向绑定(v-bind):数据只能从data流向页面
双向绑定(v-model):数据不仅能从data流向页面,还可以从==页面流向data==
1.双向绑定一般都应用在表单类元素上(如:input、select等)
2.v-model:value 可以简写为 v-model,因为v-model默认收集的就是value值