实例属性 · 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打印出来，看看里边到底包含了哪些属性和方法。因为里边的属性很多