vue2
关注
分享
扫一扫
文章平均质量分 51
Vue2知识点
红烧鱼+奶茶
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue中的节流、防抖
节流 高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率 使用场景：频繁触发、onrize，onscroll滚动条 因为节流是监听到第一次触发事件后就执行，所以可以用来防止按钮多次点击执行多次，且按照第一次点击的事件为准 防抖 触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。 使用场景：频繁触发、输入框搜索 因为防抖的特性，一直执行最后一次的触发，所以可以用于鼠标移动确定最后一次移动的时候的坐标位置。 ...原创 2022-03-30 16:21:15 · 1015 阅读 · 0 评论 -
Vue指令之自定义指令
自定义指令 在每个vue组件中，可以在directives节点下声明私有自定义指令 钩子函数 bind：只调用一次，指令第一次绑定到元素时调用。在这里进行一次性的初始化设置 inserted：被绑定元素插入父节点时调用（仅保证父节点存在，但不一定已被插入文档，因为DOM节点插入是异步的） update：所在组件的VNode更新时调用，但是可能发生VNode更新之前。 指令的值可能发生了改变，也可能没有 但是可以通过比较更新前后的值来忽略不必要的模版更新 先触发update再触发componentU原创 2022-03-29 09:01:40 · 1671 阅读 · 0 评论 -
插槽（slot）
插槽 插槽是vue为组件的封装提供的功能 允许开发者在封装组件时，把不确定的、希望用户指定的部分定义为插槽 即在组件调用的标签中把自定义内容插入对应组件的slot区域 子组件的插槽区域 slot声明一个插槽区域 vue官方规定：每个slot插槽都要有一个name名称 如果省略了slot的name属性，则有一个默认名称叫做default，当所有插槽都命名时，默认将内容填充到所有未命名的插槽中 第一种 <cp1>yuyuyjh <h1 slot="b"> 我是1111原创 2022-03-28 20:17:29 · 622 阅读 · 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 · 1648 阅读 · 0 评论 -
数据 传递
provide inject provide 选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的 property。 inject 选项应该是一个字符串数组或一个对象 父组件有一个 provide 选项来提供数据，子组件有一个 inject 选项来开始使用这个数据 <body> <div id="app"> <Parent></Parent> </div> </body> <script>原创 2022-03-28 15:58:00 · 265 阅读 · 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 · 465 阅读 · 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 · 1262 阅读 · 0 评论