[vue] 说说你对vue的mixin的理解,有什么应用场景?
mixins 就是混入。一个混入对象可以包含任意组件选项。同一个生命周期,混入对象会比组件的先执行。//暴露两个mixins对象
export const mixinsTest1 = {methods: {hello1() {console.log("hello1");}},created() {this.hello1();},
}export const mixinsTest2 = {methods:{hello2(){console.log("hello2");}},created() {this.hello2();},
}<template>
<div>home
</div>
</template>
<script>
import {mixinsTest1,mixinsTest2} from '../util/test.js'
export default {name: "Home",data () {return {};},created(){console.log("1212");},mixins:[mixinsTest2,mixinsTest1] // 先调用哪个mixins对象,就先执行哪个
}
</script>
个人简介
我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题