如何在 Vue 3 中创建事件总线?
在 Vue 2 中,它是:
export const bus = new Vue();
Run Code Online (Sandbox Code Playgroud)
bus.$on(...)
bus.$emit(...)
Run Code Online (Sandbox Code Playgroud)
在 Vue 3 中,Vue不再是构造函数,而是Vue.createApp({});返回一个没有$on和$emit方法的对象。
我正在使用Vue.Js v2.我想在component2-> c2method中调用component1-> c1method来提交后重新加载数据.
Vue.component('component1', {
methods: {
c1method: function(){
alert('this is c1method')
},
}
})
Vue.component('component2', {
methods: {
c2method: function(){
component('component1').c1method()//like this
},
}
})
Run Code Online (Sandbox Code Playgroud) 如何在javascript中调用测试vue?这是我的代码,当我在javascript函数中执行某些操作时,我想调用test.
function clickit() {
this.test.fetchTestData();
}
var test = new Vue({
el: '#viewport',
data: {
test_data: []
},
mounted: function () {
this.fetchTestData();
},
methods: {
fetchTestData: function () {
$.get(test.json, function (data) {
this.test_data = data;
alert(this.test_data.isActive);
});
}
}
});
Run Code Online (Sandbox Code Playgroud) Vue应用程序代码:
var app = new Vue({
el: "#APP",
data: {some data},
methods: {
some_method: function() {
......
}
});
some_js_func = function() {
"How do I call 'some_method' to here"
};
some_js_func();
Run Code Online (Sandbox Code Playgroud)
我尝试拨打电话app.some_method(),但没有成功。