VUE權威指南 第二章 資料繫結

2021-08-03 14:58:20 字數 1702 閱讀 6040

2.1 語法

2.1.1插值

1:文字插值:使用}形式,**如下(}會隨text值的變化而變化):

}span>

2:有時候值需要渲染一次資料,然後不再關心後續資料變化,可以通過*來實現,**如下:

}span>

3:}會把裡面的值全部當做字串來處理,如果值是html片段,則可以使用}},**如下:

logo:'logospan>'    

}}div>

4:}還可以放在html標籤內,**如下:

data-id='

}'>

li>

2.1.2 表示式

mustache標籤可以接受表示式形式的值,表示式可以是js表示式或者過濾器;

1:js表示式:

}}

}

無效例項:

}//這是語句,不是表示式

}//不支援條件控制語句

2:過濾器的2種寫法

v-for="(item,index) in arry">

}li>

v-for="(item,index) in arry">

}li>

ul>

div>

template>

export default ,,,

,,,,

]}

},//過濾器的寫法,第乙個引數是html中|前面的變數,然後才會跟傳送進來的index

filters: }},

methods:}}}

script>

scoped>

h1, h2

ulli

astyle>

2.1.3 指令

指令是帶有v-字首的特殊字元,值限定為繫結表示式,指令的作用是當表示式的值發生變化時,將這個值變化也放映到dom上,**如下:

ddeediv>  //show為true時,展示ddee字樣,否則不展示
v-bind:href='url'>ddeediv>
2.2 分隔符

vue中資料繫結的語法被設計為可配置的,不過不習慣mustache風格的語法,可以自己設定

vue.config是乙個物件,包含了vue.js的所有全域性配置

分隔符在vue.config中原始碼定義如下:

let delimiters=['}']

let unsafedelimiters=['}}']

1:delimiters

vue.config.delimiters=["<%" ,"%>"]       //

}<%example%>

2:unsafedelimiters

vue.config.unsafedelimiters=["<$" ,"$>"]       //}}  <$example$>

Squid中文權威指南 第二章(獲取Squid)

squid開發者定期發布源 每乙個發布版有乙個版本號,例如2.5.stable4。版本號的第三部分以stable或devel 短期開發版本 開頭。也許你能猜到,devel版本傾向於擁有更新,更試驗性的功能。但也許它們有更多的bugs。無經驗的使用者不應該執行devel版本。假如你選擇執行乙個deve...

URL與資源 http權威指南第二章

本章將介紹 url語法,以及各種url元件的含義及其所做的工作 很多web客戶端都支援的url快捷方式,包括相對url和自動擴充套件url url編碼和字元規範 支援各種網際網路資訊系統的常見url方案 url的未來 1.瀏覽網際網路資源 大多數url都有同樣的 方案 伺服器位置 路徑 結構 url...

HTTP 權威指南 第二章 URL 與資源

這一章節講述了關於 url 的相關知識,主要包括下面的內容 url 語法 url 快捷方式 url 編碼與字元規則 常見的 url 方案 url 的未來 urn 一般格式 九個元件 url 主要的三個元件 第一部分 url 的 方案 scheme 第二部分 url 的 主機 host 第三部分 ur...