H5-Jquery和Vue同时使用冲突

H5-JQuery和Vue同时使用冲突

1.Vue的mounted

实例被挂载后调用,这时 el 被新创建的 vm.$el 替换了。如果根实例挂载到了一个文档内的元素上,当 mounted 被调用时 vm.$el 也在文档内。

注意 mounted 不会保证所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染完毕,可以在 mounted 内部使用 vm.$nextTick

mounted: function () {
  this.$nextTick(function () {
    //JQ
  })
}

2.载入页面先执行VUE

$(document).ready(function () {
    //先执行vue
    var app = new Vue({
        el: '#app',
        data: {
        hello: 'Hello Vue',
        zxmbList: zxmbList,
        zxmpfbzbList: zxmpfbzbList,
    }
  $(function () {})
    //再jQ
}) 

版权声明:本文为lieuly原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。