鍍金池/ 問答/HTML/ Vue.js項目 注冊和使用插件是不是都是在main.js中?

Vue.js項目 注冊和使用插件是不是都是在main.js中?

注冊和使用插件是不是都是在main.js中?

比如注冊vue-router和fastclick插件都是在 main.js 中:

import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import fastclick from 'fastclick'

import './assets/styles/global.styl'

fastclick.attach(document.body)  // 沒有300ms的延遲
Vue.use(VueRouter)

new Vue({
  el: '#app',
  render: h => h(App),
})

我想問下,是否是所有的插件注冊都是在main.js中呢?

回答
編輯回答
葬愛
  1. fastclick 是可以放在其他地方的 但是如果放在其他地方 可能會出現意想不到的問題 比如像一些兼容處理 babel-polyfill 和淘寶rem方案 lib-flexible 不僅要放在main.js 而且建議放在main.js 最上面 這樣能保證第一時間被加載
  2. 需要使用到vue對象的 必然放在main.js 里 比如全局使用的插件 需要使用到Vue.use()
2018年4月3日 06:13
編輯回答
夏夕
  1. 不是的;
  2. 你可以認為在 main.js 中引入是全局使用,在組件中是單獨使用;
  3. 比如我要引入 elemnt-ui 里的一個提示框 Notification,安裝好 element-ui 后,在想要引用的文件里引入就好了:
import { Notification } from 'element-ui'
2017年9月5日 16:57
編輯回答
護她命

vue插件沒有使用位置的限制,想怎么使用就怎么使用,這跟我們使用的原生的js插件一樣。就像樓上說的這就是局部應用和全局引用的區(qū)別。

2017年8月28日 11:20
編輯回答
笑浮塵

不是,main.js只是入口文件,
提供了一個給全局注入插件的地方

2018年8月25日 17:28