当前位置: 首页 > Web前端 > vue.js

Vue-Mixin

时间:2023-03-31 15:28:42 vue.js

vuemixin---mixinintodocument1.什么是mixin混入(mixins):是一种非常灵活的在Vue组件中分发可重用功能的方式。Mixin可以包含任意组件选项。当组件使用mixin时,mixin的所有选项都会混合到组件本身的选项中。2、什么时候需要使用mixin页面?页面风格不同,但执行方式与所需数据类似。这时候可以考虑封装相同的部分。3、mixin的特征方法和参数在组件之间不共享,变量在a页值发生变化,b页值仍然是原来的值。方法、组件等都是对象的一部分,当混入的对象和页面有相同的方法名时,页面中的部分就会被执行。创建和挂载的值是函数的一部分。当混入对象和页面的方法名相同时,先执行混入对象,再执行本页面的方法。4.如何在mixin.js中写一个mixed-in对象,例子:exportdefault{data(){return{show:false}},methods:{toggleShow(){this.show=!this.show}}}in可以将混入的对象引入到页面中。此时页面可以直接使用,无需重新定义toggleShow方法和数据展示。示例: