混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。
- //新建一个js文件用于混入
- const minxin_tet={
- data(){
- return {
- num:12
- }
- },
- methods:{
- lognum(){
- alert(this.num)
- }
- },
- created(){
- this.lognum()
- }
- }
-
- export default minxin_tet
- //在需要用到的组件中将其混入进去
- //引入
- import minxin_tet from '@/mixins/mixin-tet'
- //混入
- mixins:[minxin_tet],
- //使用=>会自动调用
-
-