本文主要是介绍Vue Mixins混入选项的操作，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
用途：
1. 已经写好了构造器后，需增加方法，减少源代码的污染；
2. 公用方法，减少代码量，实现代码重用。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><div id="app">{{ num }}<button @click="add">按钮</button></div><script src="node_modules/vue/dist/vue.js"></script><script>// 全局混入 优先级最高Vue.mixin({updated () {console.log('我是全局混入');}});//额外临时加入时，用于显示日志var addLog = {updated () {console.log('数据放生变化，变化成' + this.num + '');}};new Vue({el: '#app',data(){return {num: 0}},methods: {add(){this.num++;}},// 构造器里的再执行updated: function () {console.log('构造器里的updated方法');},// 混入对象的钩子将在组件自身钩子之前调用mixins: [addLog]});</script>
</body>
</html>
这篇关于Vue Mixins混入选项的操作的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
