随笔分类 -  Vue2

摘要:不知道诸位在使用之前介绍的组件时,会不会发现,无论在子组件的标签内添加什么标签,在页面中都显示不出来,这是因为页面渲染时,子组件template里的模板会完全覆盖标签那一段,无论里面写了什么标签都没有用 那这样就不太友好了,我要用组件就只能用那个样子的,一点内容都不能加,它的复用性就大大降低了;所以 阅读全文
posted @ 2022-09-29 21:53 啊呀阿鱼呀 阅读(50) 评论(0) 推荐(0) 编辑
摘要:子组件传值给父组件 子组件模板中使用$emit() 来定义自定义事件,$emit() 有两个参数, 第一个参数为自定义的事件名称; 第二个为需要传递给父组件的参数; 父组件在子组件的标签处使用@绑定子组件定义的事件,用一个方法来监听子组件的事件是否被调用, 来接收子组件传输的参数,实现通信 到此,子 阅读全文
posted @ 2022-09-29 20:44 啊呀阿鱼呀 阅读(48) 评论(0) 推荐(0) 编辑
摘要:在编程阶段,会遇到有些页面的某一区域的布局或数据显示类似;那么我们就可以复用这一段代码;在使用原生JS编程时,我们习惯是将代码抽出来自成一个文件,需要时引入即可。而在vue中也存在这样一个模块,可以简便的将可复用的代码抽成一个模块,这个就是组件。 在很多人看来,组件是vue.js最强大的功能之一,组 阅读全文
posted @ 2022-09-29 20:14 啊呀阿鱼呀 阅读(27) 评论(0) 推荐(0) 编辑
摘要:v-text 和 v-html其实相当于innerText和innerHTML; v-text会将标签内的数据当做文本显示,遇到标签时不会解析; v-html会将标签内的数据当做html代码解析,会解析内部的标签; 提示:v-html要尽量少用甚至不使用,因为可能会引发XSS攻击 XSS攻击 XSS 阅读全文
posted @ 2022-09-29 19:06 啊呀阿鱼呀 阅读(140) 评论(0) 推荐(0) 编辑
摘要:v-for 为什么要使用唯一的key值做标识? 绑定唯一的key值,记录虚拟dom的位置 key值什么时候不可以用index(下标)? 虚拟dom转真实dom时可能会引发会错位,比如:如果从数组前面添加数据的话,元素原先匹配的index会发生变化,如果以index为标识,则会错乱 key值为什么要是 阅读全文
posted @ 2022-09-29 18:52 啊呀阿鱼呀 阅读(40) 评论(0) 推荐(0) 编辑