随笔分类 - 4.1.2.vue知识点补充
摘要:1.语法格式: 注:item获得的都是值而不是下标 2.v-for中添加key 添加key有利于复用,并且希望key为唯一的(希望像Java中的UUID类型),一般不用index,这是根据虚拟DOM的渲染机制算法决定的。 3.数组中那些方法是响应式的 响应式:操作数据会让视图发生对应的更新 push
阅读全文
摘要:1.虚拟DOM导致复用 使用key绑定不同内容来解决 下面代码:解决了输入框的内容在点击切换类型后还存在的情况 2.v-if和v-show区别 v-if:当条件为false时,将元素从DOM中删除,当条件为true时,再创建元素放入DOM中 v-show:当条件为false时,只是将行内样式设置为:
阅读全文
摘要:1.v-on参数传递问题: 方法不需要额外参数,那么方法后的小括号可以添加也可以省略 方法中有一个参数,如果不传递就会将原生事件event参数传递进去 同时传入其他参数和event时,通过$event传入事件 2.v-on修饰符 .stop:调用event.stopPropagation(),阻止事
阅读全文
摘要:1.v-bind:绑定class基本语法 对象语法 数组语法 这两种语法都可以直接赋值或者用函数返回值 2.v-bind:绑定style基本语法 对象语法 数组语法 注:v-bind绑定CSS属性写法 驼峰式:fontSize 短横线分隔:font-size
阅读全文
摘要:1.Mustache语法:{{xxx}} 又称胡子语法或双花括号语法 2.其他指令使用 v-once:第一次渲染后不允许再改变其中的内容 v-html:将传过来的html语句解析展示,而不是直接显示一个包括HTML标签的字符串 v-text:类似于Mustache语法,但是不够灵活不能拼接字符串 v
阅读全文