Vue.use()
2019-02-18 本文已影响4人
wade3po
用vue开发的一定对Vue.use不陌生,在引入一些插件的时候经常需要在main里面用到这个语法。
不知道有没有人想过为什么有些插件需要用Vue.use才能用,有些直接使用。一般我们都是按照插件的使用方法直接用了,很少去想为什么。今天参考简书学习了一下。
已经解释的很清楚了,简单来说,当我们封装的插件是这样的:
export const testObj = {
install(Vue, arg) {
}
}
有install方法,那么就要使用Vue.use去初始化这个插件。这样写的好处就是插件需要一开始调用的方法都封装在install里面,更加精简和可拓展性更高。
如果封装的插件是靠这个对象去调用方法,比如axios,那么直接用的就是export default暴露出一个对象,那么就不需要使用Vue.use。
两者刚好让我们知道,如果一个插件是必须全部引入,那么使用暴露一整个对象,使用exportdefault或者是暴露一个用install的对象使用Vue.use。而像UI库那么庞大的插件,我们一般按需引入,那么就使用一个一个export的方法,使用花括号{}按需引入。
欢迎关注Coding个人笔记 公众号