Vue-mixins基本用法

mixins顾名思义含义是混入,实际上是把script中的内容抽离组成一个库,类似于一个脚本,其中定义的内容可以在组件中使用,是vue工程化项目不可缺少的一部分

基本用法如下:

定义mixins内容

 

 demo目录结构如上所示

 

1.定义库内容

2. 创建出口

 

 引入使用

 

 方式一:组件内使用 

把定义的库引入,即index.js文件,其中的components混入当前组件,可以是使用挂载的内容 

方式二:全局

 

 引入定义的index.js

使用Vue.mixin( )方法全局注册

 

 

posted @ 2022-03-07 07:10  zhangzhebokeyuan  阅读(58)  评论(0编辑  收藏  举报