1、挂在方法,在main.js中
Vue.prototype.langs = function lang(en, id, zh) {
const L = this.language
switch (L) {
case 'en':
return en || ''
case 'id':
return id || ''
case 'zh':
return zh || ''
}
}
使用:this.langs()
注意:
1、如当前页面中的方法与原型方法名字一致,则会覆盖原型的方法
2、如果原型方法太多写在main.js中会赘余,所以一般在另外创建一个js文件,这个js文件都是全部写原型的方法,然后引入到main.js当中,然后把它放在这个位置
new Vue({
el: '#app',
router,
store,
test, // 比如这个就是js文件,放到vue上面
components: { App },
template: '<App/>'
})
2、挂载组件
import testA from '@/A'
Vue.component('testA ', testA )
使用:<testA></testA>或者<test-a><test-a/>