實例就是在構(gòu)造器外部操作構(gòu)造器內(nèi)部的屬性選項或者方法禀梳,就叫做實例妄壶?實例的作用就是給原生的或者其他javascript框架一個融合的接口或者說是機會,讓Vue和其他框架一起使用。
一、Vue和Jquery.js一起使用
只有在mounted和updated才可以用jq.沒有掛載就沒有dom
<script src="../asset/js/jquery-1.8.3.min.js"></script>
<div id="app">
<h1>{{msg}}</h1>
</div>
<script>
var app=new Vue({
el:"#app",
data:{
msg:"HelloWorld"
},
mounted:function(){
$("#app").html('jQuery')
});
頁面顯示jQuery
下載jQuery收班,引入文件,然后在mounted或updated引用遣耍。
二闺阱、實例調(diào)用自定義方法
<div id="app">
<h1>{{msg}}</h1>
</div>
<script>
var app=new Vue({
el:"#app",
data:{
msg:"HelloWorld"
},
mounted:function(){
$("#app").html('jQuery')
},
methods:{
add:function(){
console.log("調(diào)用了構(gòu)造器內(nèi)部的方法")
}
}
});
app.add();
在構(gòu)造器外部炮车,構(gòu)造器名.方法名()就可以調(diào)用自定義方法舵变。