随笔分类 -  4.1.2.vue知识点补充

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