普通js文件裡面如何訪問vue實例this指針
普通js文件裡訪問vue實例this指針
main.js 文件,暴露出vue實例
Vue.use(VueAxios) const vue = new Vue({ router, store, created: bootstrap, render: h => h(App) }).$mount('#app') export default vue
js 文件中,使用實例
import vue from '@/main' vue.$message.success('成功')
then使用函數無法訪問vue實例化的this
問題
原因
以上代碼,使用匿名函數的寫法
匿名函數的指針指向——函數操作的本身(不可以使用組件中聲明的變量或者函數)
解決
以上為個人經驗,希望能給大傢一個參考,也希望大傢多多支持WalkonNet。
推薦閱讀:
- vue項目中main.js使用方法詳解
- Vue開發實踐指南之應用入口
- vue3中vue-meta的使用方法解析
- 使用vue3.x+vite+element-ui+vue-router+vuex+axios搭建項目
- 用vite搭建vue3應用的實現方法