Vue.js中extend選項和delimiters選項的區(qū)別是什么
Vue.js中extend選項和delimiters選項的區(qū)別是什么，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。
科爾沁右翼前網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,科爾沁右翼前網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為科爾沁右翼前近千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)營銷網(wǎng)站建設(shè)要多少錢，請找那個售后服務(wù)好的科爾沁右翼前做網(wǎng)站的公司定做！
extend選項
允許聲明擴展另一個組件（可以是一個簡單的選項對象或構(gòu)造函數(shù)），而無需使用Vue.extend，這主要是為了便于擴展單文件組件，它和mixin有類似之處
{{num}}
addNumber
var extendsObj = {
updated: function() {
console.log("extend updated");
}
};
new Vue({
el: "#app",
data: {
num : 1
},
methods : {
add : function() {
console.log("原生 add");
this.num++;
}
},
updated : function(){
console.log('原生updated');
},
extends : extendsObj,
});
上面的代碼擴展的是updated，執(zhí)行結(jié)果如下：
可以看出擴展的update先執(zhí)行，那么下面看看擴展methods的時候，只是下面的部分不同而已
var extendsObj = {
updated: function() {
console.log("extend updated");
},
methods : {
add : function() {
console.log("extend add");
}
}
};執(zhí)行結(jié)果其實就是上面圖片的樣子，也就是說，對于methods來說，遇到同名的函數(shù)，則執(zhí)行的是非擴展的函數(shù)，如果擴展的是非同名的函數(shù)，則按照擴展之后的執(zhí)行
delimiters選項
默認的插值的寫法是{{}}，但是在某些情況下，我們需要使用一些不一樣的方式，比如這樣${}
${num}
addNumber
new Vue({
el: "#app",
data: {
num : 1
},
methods : {
add : function() {
console.log("原生 add");
this.num++;
}
},
delimiters: ['${', '}']
});注意：delimiters對應(yīng)的是一個數(shù)組
看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)的支持。
分享標題：Vue.js中extend選項和delimiters選項的區(qū)別是什么
地址分享：
http://weahome.cn/article/pjgeps.html
重慶分公司
重慶分公司
