Vue-cats

模板语法

插值语法

用于解析标签体内容

{{xxx}} xxx 是 js 表达式 可以直接读取 data 的所有属性

指令语法

用于解析标签 (包括: 标签属性,标签体内容,绑定事件 ....)

举例: v-bind:href="xxx" xxx 也是 js表达式

数据动态绑定 v-bind: 简写为 :

数据绑定

单向数据绑定

v-bind

数据只能 从 data 流向 页面

双向数据绑定

可以从页面流向 data

v-model:value 默认收集的就是value值 所以 可以 简写为 v-model

<input type="text" v-model:value="name">
简写
<input type="text" v-model="name">

局限: 只能应用与表单类元素(输入类元素 → input、select...) -- 具有 value 值