快捷導(dǎo)航

Vue中的循環(huán)及修改差值表達(dá)式的方法

更新時間：2019年08月29日 08:38:21 作者：小小咸魚YwY

這篇文章主要介紹了Vue中的循環(huán)及修改差值表達(dá)式的方法，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下

一.Vue中的循環(huán)

v-for

常見的4總情況

#第一種
<div v-for="item in items"></div>

#第二種
<div v-for="(item, index) in items"></div>

#第三種
<div v-for="(val, key) in object"></div>

#第四種
<div v-for="(val, name, index) in object"></div>

正對于對象為字典,如果是普通的列表數(shù)組類型的index為空

二.Vue中的分隔符(修改差值表達(dá)式)

delimiters

舉個例子

<div id="app">
  [[ msg }}
</div>
<script src="vue.js"></script>
<script>
  new Vue({
    el: '#app',
    data: {
      msg: 'message'
    },
    // 修改插值表達(dá)式符號
    delimiters: ['[[', '}}'],  兩邊符號用'符號' 差值的內(nèi)容`, `來表示
  })
</script>

總結(jié)

以上所述是小編給大家介紹的Vue中的循環(huán)及修改差值表達(dá)式的方法,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！

您可能感興趣的文章:

相關(guān)文章

如何使用Vue的思想封裝一個Storage
作為Web Storage API的接口,Storage 提供了訪問特定域名下的會話存儲或本地存儲的功能,例如可以添加、修改或刪除存儲的數(shù)據(jù)項,這篇文章主要給大家介紹了關(guān)于如何使用Vue的思想封裝一個Storage的相關(guān)資料,需要的朋友可以參考下
2021-08-08
vue中深度選擇器圖文詳解
在Vue的開發(fā)中,我們經(jīng)常會用到外部組件庫,下面這篇文章主要給大家介紹了關(guān)于vue中深度選擇器的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-06-06
vue修改proxyTable解決跨域請求,報404的問題及解決
這篇文章主要介紹了vue修改proxyTable解決跨域請求,報404的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-07-07
vue下canvas裁剪圖片實例講解
在本篇文章里小編給大家整理了關(guān)于vue下canvas裁剪圖片實例講解內(nèi)容，需要的朋友們可以參考下。
2020-04-04
Vue獲取初始化數(shù)據(jù)是放在created還是mounted解讀
這篇文章主要介紹了Vue獲取初始化數(shù)據(jù)是放在created還是mounted的問題解讀，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-03-03
vue3使用vuex實現(xiàn)頁面實時更新數(shù)據(jù)實例教程(setup)
在前端開發(fā)中往往會遇到頁面需要實時刷新數(shù)據(jù)的情況,給用戶最新的數(shù)據(jù)展示,這篇文章主要給大家介紹了關(guān)于vue3使用vuex實現(xiàn)頁面實時更新數(shù)據(jù)(setup)的相關(guān)資料,需要的朋友可以參考下
2022-09-09
vue點擊Dashboard不同內(nèi)容跳轉(zhuǎn)到同一表格的實例
這篇文章主要介紹了vue點擊Dashboard不同內(nèi)容跳轉(zhuǎn)到同一表格的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-11-11
Vue實現(xiàn)瀏覽器打印功能的代碼
這篇文章主要介紹了Vue實現(xiàn)瀏覽器打印功能，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2020-04-04
淺析vue中的MVVM實現(xiàn)原理
這篇文章主要介紹了淺析vue中的MVVM實現(xiàn)原理，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-03-03
vue元素樣式實現(xiàn)動態(tài)改變方法介紹
vue通過js動態(tài)修改元素的樣式，如果是固定的幾個樣式，我常用的是綁定元素的calss,給不同的class寫好需要的樣式，js控制是否使用這個class
2022-09-09