1 模板插值语法
在script 声明一个变量可以直接在template 使用用法为{{变量名称}}
模板语法是可以编写条件运算的
运算也是支持的
操作API 也是支持的
{{ message }}
{{ message2==0 ? '我是老大' : '我笑的' }}
{{ message2 + 1 }}
{{ message.split('').map(v => `4546$v`) }}
2 指令
-
v- 开头都是vue 的指令
立即学习“前端免费学习笔记（深入）”；
v-text 用来显示文本
v-html 用来展示富文本
v-if 用来控制元素的显示隐藏（切换真假DOM）
v-else-if 表示 v-if 的“else if 块”。可以链式调用
v-else v-if条件收尾语句
v-show 用来控制元素的显示隐藏（display none block Css切换）
v-on 简写@ 用来给元素添加事件
v-bind 简写: 用来绑定元素的属性Attr
v-model 双向绑定
v-for 用来遍历元素
v-on修饰符
冒泡案例：
parentchild
阻止表单提交案例：
v-bind 绑定class 案例 1：
456789
v-bind 绑定class 案例 2：
{{flag}}// 直接绑定cls
v-bind 绑定style案例：
绑定style
v-model 案例：
{{ message }}
