- N +

Vue.mixin( mixin )

原标题:Vue.mixin( mixin )

导读:

混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该...

文章目录 [+]

混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。

混入(就是把一个共用的属性,方法,或钩子,混入对应的组件里,这个组件就能this点(this.)开始用及修改)

先在src上创建一个mixin.js文件,如下图:

image.png

然后在main.js文件中引入、并使用(如下图)

image.png在mixin中data里面绑定一个变量,在组件中使用:

image.png

image.png

效果图:

image.png

点击按钮后:

image.png


有好的文章希望我们帮助分享和推广,猛戳这里我要投稿

0

0
返回列表
上一篇:
下一篇:

发表评论中国互联网举报中心

快捷回复:

验证码

    评论列表 (暂无评论,共122人参与)参与讨论

    还没有评论,来说两句吧...