摘要:
1 過(guò)渡基礎(chǔ) 1.1 過(guò)渡的方式 Vue 在插入、更新或者移除 DOM 時(shí),提供多種不同方式的應(yīng)用過(guò)渡效果。 包括以下工具: 在 CSS 過(guò)渡和動(dòng)畫(huà)中自動(dòng)應(yīng)用 class 可以配合使用第三方 CSS 動(dòng)畫(huà)庫(kù),如 Animate.css 在過(guò)渡鉤子函數(shù)中使用 JavaScript 直接操作 DOM 可
閱讀全文
摘要:
1. 基本模板語(yǔ)法 1.1 插值 文本 數(shù)據(jù)綁定最常見(jiàn)的形式就是使用“Mustache”語(yǔ)法 (雙大括號(hào)) 的文本插值 v-text 指令也可以用于數(shù)據(jù)綁定,如果要更新部分的 textContent ,需要使用 插值。 通過(guò)使用 v-once 指令,你也能執(zhí)行一次性地插值,當(dāng)數(shù)據(jù)改變時(shí),插值處的內(nèi)容
閱讀全文
摘要:
1 組件基礎(chǔ) 1.1 什么是組件 組件的概念 組件(Component)是 Vue.js 最強(qiáng)大的功能之一。組件可以擴(kuò)展 HTML 元素,封裝可重用的代碼。在較高層面上,組件是自定義元素,Vue.js 的編譯器為它添加特殊功能。在有些情況下,組件也可以表現(xiàn)為用 is 特性進(jìn)行了擴(kuò)展的原生 HTML
閱讀全文
摘要:
1 創(chuàng)建實(shí)例 每個(gè) Vue 應(yīng)用都是通過(guò)用 Vue 函數(shù)創(chuàng)建一個(gè)新的 Vue 實(shí)例開(kāi)始的 一個(gè) Vue 應(yīng)用由一個(gè)通過(guò) new Vue 創(chuàng)建的根 Vue 實(shí)例,以及可選的嵌套的、可復(fù)用的組件樹(shù)組成。 2 數(shù)據(jù)與方法 2.1 數(shù)據(jù) 當(dāng)一個(gè) Vue 實(shí)例被創(chuàng)建時(shí),它向 Vue 的響應(yīng)式系統(tǒng)中加入了其 d
閱讀全文
摘要:
1 Vue是什么 1.1 定義 Vue 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架 使用Vue框架,可以完全在瀏覽器端渲染頁(yè)面,服務(wù)端只提供數(shù)據(jù) 使用Vue框架可以非常方便的構(gòu)建 單頁(yè)面應(yīng)用 (SPA) 1.2 關(guān)于作者 國(guó)人 尤雨溪 百科介紹: https://baike.baidu.com/item/%
閱讀全文
摘要:
1 概覽 1.1 移動(dòng)設(shè)備優(yōu)先 為了確保適當(dāng)?shù)睦L制和觸屏縮放,需要在 <head> 之中添加 viewport 元數(shù)據(jù)標(biāo)簽。 在移動(dòng)設(shè)備瀏覽器上,通過(guò)為視口(viewport)設(shè)置 meta 屬性為 user-scalable=no 可以禁用其縮放(zooming)功能。這樣禁用縮放功能后,用戶只能
閱讀全文
摘要:
1 Glyphicons 字體圖標(biāo) 圖標(biāo)類不能和其它組件直接聯(lián)合使用。它們不能在同一個(gè)元素上與其他類共同存在。應(yīng)該創(chuàng)建一個(gè)嵌套的 <span> 標(biāo)簽,并將圖標(biāo)類應(yīng)用到這個(gè) <span> 標(biāo)簽上。 圖標(biāo)類只能應(yīng)用在不包含任何文本內(nèi)容或子元素的元素上。 2 下拉菜單 2.1 基本使用 通過(guò)為下拉菜單的父
閱讀全文
摘要:
1 BootStrap插件使用規(guī)則 1.1 單個(gè)引入 JavaScript 插件可以單個(gè)引入(使用 Bootstrap 提供的單個(gè) *.js 文件),或者一次性全部引入(使用 bootstrap.js 或壓縮版的 bootstrap.min.js)。 某些插件和 CSS 組件依賴于其它插件。如果你是
閱讀全文