学习知识得在应用场景中去应用,这样才能真正学到东西,记忆也深刻,以后碰到类似的东西就会了。
1、在assets
文件夹下创建一个js
文件
// 创建一个需要混入的对象 export const mixinTest1 = { created() { this.hello(); }, methods: { hello() { console.log(‘mixinTest1‘); } } };
2、在组件中使用刚刚创建的混入
import {mixinTest1} from ‘./../assets/js/mixin‘; export default { mixins:[mixinTest1], name: ‘hello‘, data () { return { msg: ‘Welcome to Your Vue.js App‘ } } }
3、如果组件中定义的方法与混入对象中的方法/属性一样,组件中的优先级大于混入对象中的(方法会调用多次);
4、混入对象中可以定义抽象方法,使用混入的组件必须重写该方法
... methods: { handlePlaylist() { throw new Error(‘component must implement handlePlaylist method‘) } } ...
其实我是抄别人的,我认为并不可耻,重要的是自己能理解就行了,不在乎别人的看法。能学到知识就是好的。哈哈
原文地址:https://www.cnblogs.com/qq735675958/p/9219193.html
时间: 2024-10-06 00:22:10