![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
catino
这个作者很懒,什么都没留下…
展开
-
Vue中mixin混入
可以把多个组件共用的配置提取成一个混入对象var myMixin={data(){....},methods:{...}}1.全局混入:Vue.mixin(xxx) //一但使用全局混入,它将影响每一个之后创建的Vue实例。2.局部混入:mixins:['xxx']当组件和混入对象含有同名选项时,这些选项将以恰当的方式进行“合并”,并在发生冲突时以组件数据优先;同名钩子函数将合并为一个数组,都将调用,并且混入对象的钩子在组件自身钩子之前调用。 值为对象的选项,例如 methods、components 和原创 2023-02-23 17:44:08 · 89 阅读 · 0 评论 -
Vue中 ref 与 $refs
ref 被用来给元素或子组件注册引用信息(id替代者)。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例.注:$refs 只会在组件渲染完成之后生效,并且它们不是响应式的。这仅作为一个用于直接操作子组件的“逃生舱”——你应该避免在模板或计算属性中访问 $refs。原创 2023-02-14 18:32:41 · 81 阅读 · 0 评论 -
插槽(后备内容、具名插槽、作用域插槽)
插槽可以向一个组件传递内容,让父组件可以向子组件指定的位置插入html结构,也是一种组件间的通信方式,适用于父组件-->子组件为一个插槽设置具体的后备(也就是默认的)内容,将其放在标签内,它只会在没有提供内容时被渲染,但如果提供内容,则这个提供的内容将会被渲染取代后备内容需要多个插槽时,有个name的attribute,可以用来额外定义额外的插槽,一个不带name的出口会带有隐含的名字default。原创 2023-02-13 18:15:46 · 154 阅读 · 0 评论 -
v-if与v-show的区别
v-if控制元素显示或隐藏是把dom元素整个的渲染或者删除,如果删除,也是就页面中不存在这个dom元素,以达到隐藏的效果。并且v-if是惰性的,如果初始渲染条件为假时,那就什么也不做,直到条件第一次变为真时,需要渲染时才会开始渲染条件快。v-if在每次切换的时候都会重新创建或者销毁元素,有比较高的切换性能消耗。如果很少用到切换,或者元素可能永远都不会显示出来,使用v-if。 v-show则无论初始条件是什么,元素都会进行渲染,就是dom元素始终是存在的,v-show只是通过控制CSS中的display原创 2023-02-08 15:35:40 · 80 阅读 · 0 评论 -
Vue中计算属性( computed)VS方法(methods)VS侦听属性(watch)
computed能完成功能,watch都能完成,但是watch能完成的功能,computed不一定能完成,如watch可以进行异步操作。所有不被Vue所管理的函数如定时器的回调函数、ajax的回调函数,最好写成箭头函数,这样this的指向才是vm或组件实例对象)watch 适合监听单个数据。watch监听的是data中定义的变量,当该变量变化时,会触发watch即当被监视的属性变化时,回调函数自动调用,进行相关操作。若模板内的表达式放入过多的逻辑会然模板过重且难以维护,故对于复杂的逻辑,都应采用计算属性。原创 2023-02-06 14:30:21 · 137 阅读 · 0 评论