Vue works with jquery

February 26, 2017 14:59:34 Sunday

Scene:

The $.post of jquery, $.get is the $.ajax package, is asynchronous

Therefore, the result of an asynchronous request is not returned when the instance of Vue is initialized, which causes Vue to not render the DOM

The workaround is to:

1. Initialize the Vue object first, and the key point is to leave the variable you want to use blank;

2. Call the jquery remote request interface again to reassign the value to Vue

Code:

1 varVM =NewVue ({2El: ' #addArticle ',3 data: {4Cat_list: ",5Top: "6         }7     });8$.get (Cats_url,function(msg) {9Vm.cat_list =Msg.result;Ten     }); One  A$.get (Top_url,function(msg) { -Vm.top =Msg.result; -});

Vue works with jquery