實例屬性 · web前端

[TOC] # Vue和Jquery.js一起使用下載并引入jquery框架下載可以去官網進行下載，下載好后在需要的頁面引入就可以了。當然你還有很多其它的方法引入jquery，只要可以順利引入就可以了。 ~~~ <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> ~~~ 試著作一個案例，在DOM被掛載后修改里邊的內容 ~~~ <body> <div id="app"> {{message}} </div> </body> <script type="text/javascript"> var app = new Vue({ el: '#app', data: { message: 'hello vue', }, //在vue中使用jq mounted: function () { $('#app').html('我是jq'); } }); </script> ~~~ 記住只有在mounted和update更新之后里面才能寫jq代碼,否則它的dom是找不到的現在頁面顯示是：我是jQuery，而不是hello Vue了 # 實例調用自定義方法在Vue的構造器里我們寫一個add方法，然后我們用實例的方法調用它。構造器里的add方法 ~~~ methods:{ add:function(){ console.log("調用了Add方法"); } } ~~~ 實例調用 ~~~ app.add(); ~~~ PS：我們有可能把app.add()的括號忘記或省略，這時候我們得到的就是方法的字符串，但是并沒有執行，所以必須要加上括號。利用console.log把app打印出來，看看里邊到底包含了哪些屬性和方法。因為里邊的屬性很多