Vue.use()详解
2019-06-09 18:22
1606 查看
来自vue官网:https://cn.vuejs.org/v2/guide/plugins.html
通过全局方法 Vue.use() 使用插件。它需要在你调用 new Vue() 启动应用之前完成:
// 调用 `MyPlugin.install(Vue)` Vue.use(MyPlugin) new Vue({ //... options })
也可以传入一个选项对象:
Vue.use(MyPlugin, { someOption: true })
Vue.use 会自动阻止多次注册相同插件,届时只会注册一次该插件。
Vue.js 官方提供的一些插件 (例如 vue-router) 在检测到 Vue 是可访问的全局变量时会自动调用 Vue.use()。然而在例如 CommonJS 的模块环境中,你应该始终显式地调用 Vue.use():
// 用 Browserify 或 webpack 提供的 CommonJS 模块环境时 var Vue = require('vue') var VueRouter = require('vue-router') // 不要忘了调用此方法 Vue.use(VueRouter)
相关文章推荐
- Vue源码之关于vm.$delete()/Vue.use()内部原理详解
- 自定义vue全局组件use使用、vuex的使用详解
- 详解Vue.use自定义自己的全局组件
- 详解vue2.0组件通信各种情况总结与实例分析
- 详解auto-vue-file:一个自动创建vue组件的包
- Vue微信项目按需授权登录策略实践思路详解
- 详解Vue.js搭建路由报错 router.map is not a function
- 详解Vue.js项目API、Router配置拆分实践
- 在vue项目中优雅的使用SVG的方法实例详解
- Vue详解设置路由导航的两种方法
- vue.js生命周期钩子详解
- vue2.0之axios使用详解(一)
- 通过源码分析Vue的双向数据绑定详解
- 详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
- 详解vue过滤器在v2.0版本用法
- 详解vue2.0 资源文件assets和static的区别
- JavaScript Event Loop 机制详解与 Vue.js 中实践应用
- vue教程之toast弹框全局调用示例详解
- vue生命周期详解
- 使用Vue制作图片轮播组件思路详解