公眾號：代碼集中營
每周分享技術(shù)文章、優(yōu)質(zhì)軟件資源
- 動態(tài)綁定數(shù)據(jù)message是動態(tài)的
<span v-bind:title="message">
鼠標(biāo)懸停幾秒鐘查看此處動態(tài)綁定的提示信息！
</span>
<!-- 縮寫 -->
<span :title="message">
鼠標(biāo)懸停幾秒鐘查看此處動態(tài)綁定的提示信息！
</span>
- 判斷語句
<p v-if="seen">現(xiàn)在你看到我了</p>
- 循環(huán)語句
<li v-for="todo in todos">
{{ todo.text }}
</li>
- 事件監(jiān)聽
<button v-on:click="getMessage">獲取消息</button>
<!-- 縮寫 -->
<button @click="getMessage">...</button>
- UI與數(shù)據(jù)雙向綁定
<input v-model="message">
- 數(shù)據(jù)只綁定一次，后續(xù)數(shù)據(jù)改變，UI不會再改變
<span v-once>這個將不會改變: {{ msg }}</span>
- UI直接設(shè)置css樣式
<div v-bind:style="{color:'#119990'}"></div>
- style 設(shè)置作用域：<style scoped>
- 塊元素與內(nèi)聯(lián)元素區(qū)別
<em> 是一個內(nèi)聯(lián)元素，所以就像你在下方可以看到的，第一行代碼中的三個元素都沒有間隙的展示在了同一行。而<p>是一個塊級元素，所以第二行代碼中的每個元素分別都另起了新的一行展現(xiàn)，并且每個段落間都有一些間隔
- css樣式手冊：http://css.doyoe.com/
- Flex布局：http://m.itdecent.cn/p/945c635553f4
- 路由router：http://m.itdecent.cn/p/3c4a33ab7d54
-
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
