vue语法
v-text和v-html
v-text把内容作为字符串显示
v-htlm会解析为html
v-text和v-html会覆盖差值
v-text="变量"
v-show和v-if
v-show控制 display:none
v-if--------是否删除元素
v-if和v-else可以配合使用
v-else-if
v-else一定要放在条件之后
折叠面板案例
先静后动
html框架
动态逻辑
按钮要根据内容是否展示改变方案
诗的内容要能展开收起
v-for的更新触发
会修改数组的方法，会导致v-for更行：push（添加），reverse(颠倒数组)
不会修改原始数组的方法不会导致更新：filter(过滤器)，slice(分割字符)
array[index]方式更新不会导致页面更新：$set(array(数组名),index（索引）,value（修改的内容）)
v-for就地更新---------在上一次基础上直接更新
虚拟DOM-------为了更好的性能，在内存中存储一个对象
v-for的key的作用
数组顺序变化的时候，复用之前的元素，提升渲染性能
key 唯一标识
string和number
动态设置样式
class----- :class="{类名：布尔值}"
style------ :style="{样式属性名：样式的值}"
品牌管理案例
类名属性名有的话----'font-size'
驼峰的方式：fontSize
v-for列表渲染
动态样式控制价格超过100，标红
v-model收集表单数据
新增做了检查
品牌管理---删除
v-for声明索引
传给方法
过滤器
作用：转换数据
语法：{{表达式 | 过滤器 | 过滤器2}}
过滤器第一个参数，是表达式的值
第二个参数开始使我们传给它的参数
计算属性
用途：例如购物车，当你需要根据一些变量计算出来结果的时候
依赖的变量变化的时候会重新计算
性能比较好
\
