Vue2.0混入mixin的简单用法-全局的用法

原创

已于 2022-02-17 16:52:36 修改 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

于 2022-02-17 16:52:22 首次发布

本文介绍了Vue2.0中混入mixin的全局使用方法，包括如何注册全局混入以及其对之后创建Vue实例的影响。虽然不推荐在应用代码中频繁使用，但混入可用于为组件注入自定义行为。

参数：

{Object} mixin

全局用法：

全局注册一个混入，影响注册之后所有创建的每个 Vue 实例。插件作者可以使用混入，向组件注入自定义的行为。

注：不推荐在应用代码中使用。

  <div id="app"></div>
    <!-- 
        data 和methods 的数据以组件里面的为主
        在哪里要用，就在哪里混入
        mixins：[]
    -->
    <script src="./todomvc-app-template-master/node_modules/vue/dist/vue.js"></script>
    <script>
        // 混入代码 （抽离公共代码）
        var myMixin = {
            data: {
                msg: "10000"
            },
            created() {
                console.log(888)
                // this.init();
            },
            // data 和methods 那么以组件里面为主。
            methods: {
                init() {
                    console.log(6666)
                }
            }