vue mixin 混入

时间：2020-02-22 17:25:00 阅读：89 评论：0 收藏：0 [点我收藏+]

标签：vue 额外 div port 新建 style span strong data

　通过mixins引入组件后，会给当前组件额外扩展一些属性和方法，简单的说就是给组件额外添加了一个BUFF

场景：封装插件的时候用mixin

mixin----全局使用

mixins----局部使用

步骤：

①utils下新建mixin.js：

            export default {
                // new Vue()中的配置项都可以在这里加
                data(){
                    return{
                        title:"我是额外提供的一个属性"
                    }
                },
                created() {
                    console.log("我是一个buff")
                }
            }

②App.vue中引入：

import Mixin from "./utils/mixin.js";

③添加mixins属性：

mixins:[Mixin],

此时在created中就多一个console.log打印，在App.vue页面可以直接使用title属性，就和写在自己的data中一样。

vue mixin 混入

标签：vue 额外 div port 新建 style span strong data

原文地址：https://www.cnblogs.com/wuqilang/p/12346181.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行