对网站政务建设的建议,惠安网站建设,南山商城网站建设哪家技术好,网站制作公司成都1 什么是混入以及作用
*混入 (mixin) 提供了一种非常灵活的方式#xff0c;来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时#xff0c;所有混入对象的选项将被“混合”进入该组件本身的选项。作用#xff1a;主要作用是继承和封装…1 什么是混入以及作用
*混入 (mixin) 提供了一种非常灵活的方式来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时所有混入对象的选项将被“混合”进入该组件本身的选项。作用主要作用是继承和封装将一些公共的代码抽离可以减少代码量提高复用性*2 mixins混入的使用
简易版 首先在src下创建一个mixins文件夹再新建一个js文件 home.js文件 export default{data(){return{usename:我是minxi的属性}},methods: {chageName(){this.usename的//userName会被父组件的覆盖this.chageAge()}},
}引入mixin.js的home.vue页面 templatediv classhomediv 组件测试页面/divdiv clickchageName{{ usename }}/divdiv clickchangeAge{{ age }}/div/div
/template
script
import tetxMinxin from ../mixins/home
export default {mixins: [tetxMinxin],data() {return {age: 18,usename: 454545}},mounted(){this.changeName();},methods:{// 年龄转换计算changeAge(){this.age }}
}
/script
mixin内的方法先执行mixin内的方法
如果方法名/属性名重复mixin的会被覆盖
