資訊專欄INFORMATION COLUMN
摘要：模板語法使用了基于的模版語法，允許開發(fā)者聲明式地將綁定至底層實(shí)例的數(shù)據(jù)。的核心是一個允許你采用簡潔的模板語法來聲明式的將數(shù)據(jù)渲染進(jìn)的系統(tǒng)。指令用于在表達(dá)式的值改變時，將某些行為應(yīng)用到上。
Vue.js 模板語法
Vue.js 使用了基于 HTML 的模版語法，允許開發(fā)者聲明式地將 DOM 綁定至底層 Vue 實(shí)例的數(shù)據(jù)。
Vue.js 的核心是一個允許你采用簡潔的模板語法來聲明式的將數(shù)據(jù)渲染進(jìn) DOM 的系統(tǒng)。
結(jié)合響應(yīng)系統(tǒng)，在應(yīng)用狀態(tài)改變時， Vue 能夠智能地計(jì)算出重新渲染組件的最小代價并應(yīng)用到 DOM 操作上。
插值
文本
數(shù)據(jù)綁定最常見的形式就是使用 {{...}}（雙大括號）的文本插值：
文本插值
{{ message }}
使用 v-html 指令用于輸出 html 代碼：
v-html 指令
屬性
HTML 屬性中的值應(yīng)使用 v-bind 指令。
以下實(shí)例判斷 class1 的值，如果為 true 使用 class1 類的樣式，否則不使用該類：
v-bind 指令
directiva v-bind:class
表達(dá)式
Vue.js 都提供了完全的 JavaScript 表達(dá)式支持。
JavaScript 表達(dá)式
{{5+5}}
{{ ok ? "YES" : "NO" }}
{{ message.split("").reverse().join("") }}
菜鳥教程
指令
指令是帶有 v- 前綴的特殊屬性。
指令用于在表達(dá)式的值改變時，將某些行為應(yīng)用到 DOM 上。如下例子：
實(shí)例
現(xiàn)在你看到我了
參數(shù)
參數(shù)在指令后以冒號指明。例如， v-bind 指令被用來響應(yīng)地更新 HTML 屬性：
實(shí)例
在這里 href 是參數(shù)，告知 v-bind 指令將該元素的 href 屬性與表達(dá)式 url 的值綁定。
另一個例子是 v-on 指令，它用于監(jiān)聽 DOM 事件：
在這里參數(shù)是監(jiān)聽的事件名。
用戶輸入
在 input 輸入框中我們可以使用 v-model 指令來實(shí)現(xiàn)雙向數(shù)據(jù)綁定：
字符串反轉(zhuǎn)
{{ message }}
按鈕的事件我們可以使用 v-on 監(jiān)聽事件，并對用戶的輸入進(jìn)行響應(yīng)。
以下實(shí)例在用戶點(diǎn)擊按鈕后對字符串進(jìn)行反轉(zhuǎn)操作：
字符串反轉(zhuǎn)
{{ message }}
過濾器
Vue.js 允許你自定義過濾器，被用作一些常見的文本格式化。由"管道符"指示, 格式如下：
{{ message | capitalize }}
過濾器函數(shù)接受表達(dá)式的值作為第一個參數(shù)。
以下實(shí)例對輸入的字符串第一個字母轉(zhuǎn)為大寫：
實(shí)例
過濾器可以串聯(lián)：
{{ message | filterA | filterB }}
過濾器是 JavaScript 函數(shù)，因此可以接受參數(shù)：
{{ message | filterA("arg1", arg2) }}
這里，message 是第一個參數(shù)，字符串 "arg1" 將傳給過濾器作為第二個參數(shù)， arg2 表達(dá)式的值將被求值然后傳給過濾器作為第三個參數(shù)。
縮寫
v-bind 縮寫
Vue.js 為兩個最為常用的指令提供了特別的縮寫：
v-on 縮寫
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/22998.html
摘要：第三天讓簡歷有點(diǎn)色彩這一節(jié)課是來初步了解什么是，掌握基本的概念，語法，學(xué)習(xí)如何設(shè)置一些簡單的樣式。設(shè)置文字陰影。取值較多，具體參考文本布局控制在盒子中的位置。設(shè)置字母與字母直接的間距，或者字與字直接的間距。第二步，瀏覽器顯示內(nèi)容。第三天：讓簡歷有點(diǎn)色彩 這一節(jié)課是來初步了解什么是CSS，掌握基本的CSS概念，語法，學(xué)習(xí)如何設(shè)置一些簡單的樣式。 好記性不如爛筆頭，開始： 字體： font-st...
摘要：寫一個正則表達(dá)式來測試變量中是否包含字符串。用函數(shù)給出不使用字符，但和等價的正則表達(dá)式。第十四課標(biāo)志全局匹配標(biāo)志第二個常用的標(biāo)志是全局匹配標(biāo)志，用字母表示。寫出一個正則表達(dá)式來檢驗(yàn)合法性。非捕獲組的主要用途是給一個組賦予量詞。 TRY REGEX 是一個交互式的正則表達(dá)式學(xué)習(xí)項(xiàng)目項(xiàng)目地址：https://github.com/callumacra...在線地址：http://tryre...
閱讀 2415·2021-11-24 10:18
閱讀 3583·2021-09-22 15:35
閱讀 3434·2021-09-13 10:37
閱讀 3859·2021-09-06 15:14
閱讀 2131·2021-09-06 15:02
閱讀 2322·2021-09-02 15:11
閱讀 608·2019-08-30 15:53
閱讀 3140·2019-08-29 16:15
