![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue2
文章平均质量分 51
Vue2知识点
红烧鱼+奶茶
这个作者很懒,什么都没留下…
展开
-
Vue中的节流、防抖
节流高频事件触发,但在n秒内只会执行一次,所以节流会稀释函数的执行频率使用场景:频繁触发、onrize,onscroll滚动条因为节流是监听到第一次触发事件后就执行,所以可以用来防止按钮多次点击执行多次,且按照第一次点击的事件为准防抖触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间。使用场景:频繁触发、输入框搜索因为防抖的特性,一直执行最后一次的触发,所以可以用于鼠标移动确定最后一次移动的时候的坐标位置。...原创 2022-03-30 16:21:15 · 932 阅读 · 0 评论 -
Vue指令之自定义指令
自定义指令在每个vue组件中,可以在directives节点下声明私有自定义指令钩子函数bind:只调用一次,指令第一次绑定到元素时调用。在这里进行一次性的初始化设置inserted:被绑定元素插入父节点时调用(仅保证父节点存在,但不一定已被插入文档,因为DOM节点插入是异步的)update:所在组件的VNode更新时调用,但是可能发生VNode更新之前。指令的值可能发生了改变,也可能没有但是可以通过比较更新前后的值来忽略不必要的模版更新先触发update再触发componentU原创 2022-03-29 09:01:40 · 1495 阅读 · 0 评论 -
插槽(slot)
插槽插槽是vue为组件的封装提供的功能允许开发者在封装组件时,把不确定的、希望用户指定的部分定义为插槽即在组件调用的标签中把自定义内容插入对应组件的slot区域子组件的插槽区域slot声明一个插槽区域vue官方规定:每个slot插槽都要有一个name名称如果省略了slot的name属性,则有一个默认名称叫做default,当所有插槽都命名时,默认将内容填充到所有未命名的插槽中第一种<cp1>yuyuyjh <h1 slot="b"> 我是1111原创 2022-03-28 20:17:29 · 488 阅读 · 0 评论 -
Vue实例(包含$refs)
1、this在option api上通过this即可访问Vue实例对象2、$root获取当前组件的根节点3、$parent获取当前组件的父组件(Vue3中已经被弃用)4、$children获取当前组件的子组件 获得一个数组(Vue3中已经被弃用)5、$mount()$mount(‘选择器’)与el相同都是挂载元素var app=new Vue({ data:{ message:'Hello Vue!' }}).$mount('#app)6、$el组件渲染的时候的根节点对象原创 2022-03-28 16:38:37 · 1492 阅读 · 0 评论 -
数据 传递
provide injectprovide 选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的 property。inject 选项应该是一个字符串数组或一个对象父组件有一个 provide 选项来提供数据,子组件有一个 inject 选项来开始使用这个数据<body> <div id="app"> <Parent></Parent> </div></body><script>原创 2022-03-28 15:58:00 · 189 阅读 · 0 评论 -
混入器 mixin
provide inject选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的 property。inject 选项应该是一个字符串数组或一个对象父组件有一个 provide 选项来提供数据,子组件有一个 inject 选项来开始使用这个数据<body> <div id="app"> <Parent></Parent> </div></body><script> Vue.co原创 2022-03-28 15:54:22 · 382 阅读 · 0 评论 -
Vue指令
v-text不能解析标签,会替换标签内的内容,相当于innerText <div v-text="d"></div>v-html与v-text相似但可以解析标签,相当于innerHTML <div v-html="d"></div>v-show根据表达式的真假,切换元素的显示和隐藏(v-show后可以接布尔值 data中的变量 表达式等) <!-- v-show 引起的是 redraw 性能消耗比 reflow更小 --&g原创 2022-03-23 11:46:12 · 1167 阅读 · 0 评论