jQuery中如何调用vue的方法和数据

分类:计算机 | 前端 | 综合 368
更新:2021-12-30 19:02:11
编辑

在同一个页面中如果同时引用了vue和jQuery的库,那么可以在jQuery方法中调用vue的方法和数据。

vue代码:

var vueApp=new Vue({
  el:'#app',
  data(){
    return{
      myData:'abc'
    }
  },

  methods:{
    myMethods(){
    }
  }
});

jQuery代码:

$('#main').click(function(){
  //vueApp就是上面vue代码中创建的vue对象
  var test=vueApp.myData; //获取vue对象的数据

  vueApp.myMethods(); //调用vue对象的方法
});