Vue.js中extend與delimiters兩個(gè)選項(xiàng)的區(qū)別對比

Vue.js中extend選項(xiàng)和delimiters選項(xiàng)的比較

extend選項(xiàng)

允許聲明擴(kuò)展另一個(gè)組件（可以是一個(gè)簡單的選項(xiàng)對象或構(gòu)造函數(shù)），而無需使用Vue.extend，這主要是為了便于擴(kuò)展單文件組件，它和mixin有類似之處

上面的代碼擴(kuò)展的是updated，執(zhí)行結(jié)果如下：

可以看出擴(kuò)展的update先執(zhí)行，那么下面看看擴(kuò)展methods的時(shí)候，只是下面的部分不同而已

執(zhí)行結(jié)果其實(shí)就是上面圖片的樣子，也就是說，對于methods來說，遇到同名的函數(shù)，則執(zhí)行的是非擴(kuò)展的函數(shù)，如果擴(kuò)展的是非同名的函數(shù)，則按照擴(kuò)展之后的執(zhí)行

delimiters選項(xiàng)

默認(rèn)的插值的寫法是{{}}，但是在某些情況下，我們需要使用一些不一樣的方式，比如這樣${}

注意：delimiters對應(yīng)的是一個(gè)數(shù)組

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com