mixins的使用和注意点

216 阅读1分钟

mixins 官方解释

mixins 选项接收一个混入对象的数组。这些混入对象可以像正常的实例对象一样包含实例选项,这些选项将会被合并到最终的选项中,使用的是和 Vue.extend() 一样的选项合并逻辑。也就是说,如果你的混入包含一个 created 钩子,而创建组件本身也有一个,那么两个函数都会被调用

mixins的用法

src里新建一个文件夹 在里面创建一个用来放 js 的文件

image.png

js文件里面可以放一些变量方法 要记得抛出

image.png

在页面里面引用minxins 并在页面输出上面js文件里面的aaa 通过this获取js里面 的变量

image.png

这样js文件里面的变量就可以拿到了

image.png

我们也可以在里面定义一些方法,定义一些多个页面都有的东西,这样就不用每个页面都定义了,也会节省我们很多时间

mixins 可以定义共用的变量,在每个组件中使用,引入组件中之后,各个变量是相互独立的,值的修改在组件中不会相互影响。

注意点 如果在页面和mixins.js文件里面定义了相同的变量,以页面里面的为主

image.png

image.png

image.png