Vue自定义函数挂载到全局的方法
方法一: 使用Vue.prototype在main.js中写入函数Vue.prototype.myCode = function() {...}之后再所有的组件中调用函数this.myCode()方法二: 使用exports.install + Vue.prototype首先写好自己的文件 myCode.jsexports.install = function (Vue) {Vue.prototy
·
方法一: 使用Vue.prototype
- 在main.js中写入函数
Vue.prototype.myCode = function() {
...
}
- 之后再所有的组件中调用函数
this.myCode()
方法二: 使用exports.install + Vue.prototype
- 首先写好自己的文件 myCode.js
exports.install = function (Vue) {
Vue.prototype.myCode= function (){
...
}
};
- 在main.js 引入并使用
import myCode from './myCode'
Vue.use(myCode)
- 在所有组件中调用函数
this.myCode()
- 在使用
exports.install
方法时, 运行报错exports is not defined
解决方法
export default {
install(Vue) {
Vue.prototype.myCode = {
...
}
}
}
方法三:使用全局变量模块文件
Global.vue
文件:
<script>
const token='12345678';
export default {
methods: {
getToken(){
....
}
}
}
</script>
- 在需要的地方引用进全局变量模块文件,然后通过文件里面的变量名字获取全局变量参数值。
<script>
import global from '../../components/Global'//引用模块进来
export default {
data () {
return {
token:global.token
}
},
created: function() {
global.getToken();
}
}
</script>
更多推荐
已为社区贡献4条内容
所有评论(0)