1、vue.use( xxx ) 是挂载 ,用 vue 的函数编写的 方法/命令/模板/插件 等函数,供框架使用,被引入的 js 文件必须暴露 install 方法。
说明:
- Vue的插件是一个对象, 就像
Element
. - 插件对象必须有
install
字段. install
字段是一个函数- 初始化插件对象需要通过Vue.use()
注意:
Vue.use()
调用必须在new Vue
之前.- 同一个插件多次使用Vue.use()也只会被运行一次.
代码演示如何用Vue.use初始化插件:
// 插件
const plugin = {
install() {
document.write('我是install内的代码')
}
}
// 初始化插件
Vue.use(plugin); // 页面显示"我是install内的代码"
2、vue.prototype.$xxx 是js中函数原型的特性: 函数原型上的属性/方法, 在函数实例化后, 可以在任意实例上读取。vue.prototype.$xxx实际就是为了挂载任何想在全局频繁调用的 js 函数/对象。
代码演示如何用Vue.prototype.$xx实现原型链挂载:
//暴露一个地址属性
module.exports = {
baseUrl: '//xxx.com/'
};
// 在 main.js 中挂载该模块
import static from './static '
vue.prototype.$static = static
// 就可以在 vue 页面中使用 this.$static.baseUrl 访问 baseUrl 属性