vue项目中js调用vue中的方法失效？

Question

vue项目中js调用vue中的方法失效？

a.js是vue-cil中的文件，现在要调用vue.b中的方法

使用：

a.js
import * as xx from './b.vue'

b.vue
mothods{
   bb(){xxxxxx}
}

这样引入以后在a.js中使用bb() 报错不存在。

因为vue文件中已经做了抛出，理论上是能获得bb(), 是因为vue组件没有渲染结束导致的？？？

Answer 1

可以再a.js中这样xx.methods['bb']()来调用。

Answer 2

.vue文件export的是一个对象，你需要找到里面的methods才能使用文件里面的方法，楼上正解

Answer 3

你得xx.mothods.bb()进行调用。毕竟你这个.vue的组件文件在被a.js引入的时候，不是属于vue渲染的组件树内，bb方法被调用时，this不是vue实例，而是引用的调用者，你只是作为普通对象属性进行调用的。