整理三个指令:
v-bind指令:访问data中的数据 动态的设置html的标签属性(在view视图界面)
v-text指令&&v-html指令:v-text指令可以被插值表达式替代,两者实现的效果是一样的;v-html可以识别标签,但其实这两个指令都不太常用,甚至于说使用v-html在网站上动态渲染任意的HTML是非常危险的,因为很容易导致xss攻击(这段话引用于vue官方网站对v-html的详细中的内容) 晚安~good night

现在是早上9点50,由于一些小demo的语法错误,昨晚遗留的几个知识点,现在才看完敲完
v-if&&v-show:显示和隐藏可以和v-on搭配使用,如果频繁的进行切换效果,建议使用v-show指令
v-else&&v-else-if:条件判断,两者搭配使用
v-on:注册事件,要注意的是,事件是可以传参数的
案例==>折叠面板==>主要是v-show和v-on的搭配使用
事件修饰符==>.prevent阻止默认的事件==>.stop阻止事件冒泡(在子元素添加即可)
v-for:遍历数组(常用)或对象
案例==>购物车==>分析思路 1.渲染数据(v-for) 2.删除数据(v-on)传id使用filter过滤删除 3.提示购物车为空(通过判断数组的长度使用v-show进行显示和隐藏提示)
总结:
1.vue实例的创建
2.v-指令的认识

现在是11点46分,话4分钟整理下刚复习的知识点
v-bind对于class的增强效果 :class = '{red:ture}'
v-model双向数据绑定
案例==>资产表格==>分析1.数据渲染(v-for) 2.数据删除(v-on) 3.数据添加(v-model和v-on需要对表单进行非空判断)