mixins就是混入。
一个混入对象可以包含任意组件选项。
1.创建一个test.js,用export暴露出mixins对象
export const mixinsTest = { methods:{ hello(){ console.log("hello"); } }, created(){ this.hello() } }
2.在组件中引入这个mixins对象,通过mixins:[xxx],使用mixins对象
<template> <div> home </div> </template> <script> import {mixinsTest} from '../util/test.js' export default { name: "Home", data () { return { }; }, created(){ console.log("home"); }, //mixins的created会先被调用,然后再执行组件的created mixins:[mixinsTest] } </script>