vue 外部js文件调用 vue实例 this
假设外部文件为 onresize.js 需求则是 onresize.js内部 可以调用 vue 实例 this 从而达到使用vue对象内数据与方法。第一步(非必须)在main.js 引入 onresize.js (这不是必须的 看需要哪里使用到该js文件!)// Window.onresize 事件动态调整窗口import "@/assets/js/onresize";第二步(必须)使vue实例化
·
假设外部文件为 onresize.js
需求则是 onresize.js
内部 可以调用 vue 实例 this 从而达到使用vue对象内数据与方法。
第一步(非必须)
在main.js
引入 onresize.js
(这不是必须的 看需要哪里使用到该js文件!)
// Window.onresize 事件 动态调整窗口
import "@/assets/js/onresize";
第二步(必须)
在main.js
使vue
实例化 并导出vue
// vue实例化
var vue = new Vue({
router,
store,
render: h => h(App),
components:{
App
}
}).$mount('#app')
// 导出vue
export default vue
第三步(必须)
onresize.js
内引用 vue对象。
import _this from '../../main.js'
// 打印 _this
// 改变窗口大小时
window.onresize = function () {
console.log('_this',_this);
}
更多推荐
已为社区贡献14条内容
所有评论(0)