資訊專欄INFORMATION COLUMN
摘要：的二大核心響應(yīng)式數(shù)據(jù)變化當(dāng)視圖發(fā)生改變，數(shù)據(jù)自動(dòng)更新。組合的視圖組件頁面映射為組件樹劃分組件可復(fù)用利于維護(hù)。正在不斷的學(xué)習(xí)中希望各位指點(diǎn)錯(cuò)誤，一起討論，一起進(jìn)步，后續(xù)更新中
Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式框架，Vue的核心庫只關(guān)注視圖層，不僅容易上手，還便于與第三方庫既有項(xiàng)目整合，相互獨(dú)立而又可以任意整合。
漸進(jìn)式框架的理解：在聲明式渲染（視圖模板引擎）基礎(chǔ)上，我們可以添加組件系統(tǒng)、客戶端路由、大規(guī)模管理、構(gòu)建工具來構(gòu)建一個(gè)完整的框架系統(tǒng)，更重要的是這些功能可以相互獨(dú)立，而且在核心功能的基礎(chǔ)之上根據(jù)項(xiàng)目的需求任意整合。
Vue的二大核心響應(yīng)式數(shù)據(jù)變化 ：當(dāng)視圖發(fā)生改變，數(shù)據(jù)自動(dòng)更新。 數(shù)據(jù)發(fā)生改變，視圖同樣也會(huì)更新。
組合的視圖組件 ：ui 頁面映射為組件樹 劃分組件 可復(fù)用、利于維護(hù)。
DOM元素的行間指令，vue提供了內(nèi)置的指令 必須以 v- 開頭 后面的值均為變量，指令的職責(zé)是，當(dāng)表達(dá)式的值改變時(shí)，將其產(chǎn)生的連帶影響，響應(yīng)的作用于DOM
現(xiàn)在你看到我了
這里 v-if指令將根據(jù)表達(dá)式 seen的值的真假來插入/移除
元素
常用的指令 在這里簡(jiǎn)單的列出幾個(gè) 可以查看vue官網(wǎng)的指令v-model （表單元素） 忽略掉value，checked selected，將數(shù)據(jù)綁定在視圖上，視圖修改后影響數(shù)據(jù)的變化。
v-text 和{{}}表達(dá)式一樣 解決了閃爍問題 但是通常還是用{{}}
v-html 內(nèi)容按普通html插入 不會(huì)作為vue模板進(jìn)行編譯 在網(wǎng)站上動(dòng)態(tài)渲染任意html是非常危險(xiǎn)的
v-for 遍歷元素 循環(huán)（數(shù)組，對(duì)象，字符串，數(shù)字）循環(huán)誰在誰身上添加 in 前面要有空格
v-cloak 防止閃爍 需要配合樣式 （一般不用）
v-once 綁定一次 數(shù)據(jù)在變化不會(huì)導(dǎo)致視圖刷新 一般用在不想刷新的標(biāo)簽上。
v-on（@） 綁定給dom元素的事件 @事件=函數(shù) 函數(shù)定義在methods中 不能和data里的內(nèi)容重名
v-if 操作的是DOM 一般控制元素的顯示或者隱藏
v-show 操作的是樣式
v-bind 綁定元素屬性 一般簡(jiǎn)寫為 ：
還有一些修飾符 .number .lazy 和 鍵盤修飾符 .enter .ctrl .keyCode 常用的也就這些。
computed : 計(jì)算“屬性” 并不是方法
方法不會(huì)有緩存 ，computed會(huì)根據(jù)依賴（歸vue管理的數(shù)據(jù)，可以響應(yīng)式的變化）的屬性進(jìn)行緩存。
二部分組成有g(shù)et和set（不能只寫set） 必須有g(shù)et 一般情況下 通過js賦值影響其他人或者表單元素設(shè)置值的時(shí)候會(huì)調(diào)用set方法。
computed和watch 的區(qū)別
watch 只有值變化的時(shí)候才會(huì)觸發(fā) 支持異步 computed 不支持異步
其實(shí)computed和watch的根本區(qū)別就在于能不能支持異步，那么什么時(shí)候用computed什么時(shí)候有watch 有異步請(qǐng)求的事件用watch，一般還是用computed的情況多一些。
正在不斷的學(xué)習(xí)中 希望各位指點(diǎn)錯(cuò)誤，一起討論，一起進(jìn)步，后續(xù)更新中...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/107646.html
摘要：與都是與配合使用的框架，用法與配置基本一致，在此，我以為例，教你如何起步。如果我的文字對(duì)你有用，記得點(diǎn)心關(guān)注我，給一點(diǎn)點(diǎn)動(dòng)力支撐。 iview與element都是與vue配合使用的ui框架，用法與配置基本一致，在此，我以iview為例，教你如何起步。*首先，你需要有一定的vue基礎(chǔ)，如果你還是個(gè)小白，可以去我之前介紹如何搭建一個(gè)vue項(xiàng)目先看看，點(diǎn)擊下面的鏈接就OK了http://ww...
摘要：與都是與配合使用的框架，用法與配置基本一致，在此，我以為例，教你如何起步。如果我的文字對(duì)你有用，記得點(diǎn)心關(guān)注我，給一點(diǎn)點(diǎn)動(dòng)力支撐。 iview與element都是與vue配合使用的ui框架，用法與配置基本一致，在此，我以iview為例，教你如何起步。*首先，你需要有一定的vue基礎(chǔ)，如果你還是個(gè)小白，可以去我之前介紹如何搭建一個(gè)vue項(xiàng)目先看看，點(diǎn)擊下面的鏈接就OK了http://ww...
摘要：可用于快速搭建單頁應(yīng)用起步代碼。之后閱讀代碼，所有的擴(kuò)展名為文件都會(huì)有相應(yīng)的高光顯示。查看起步代碼中有一個(gè)組件代碼，在內(nèi)。把組件的值改改。瀏覽器會(huì)自動(dòng)刷新的。有了它，可以在內(nèi)看到更加友好的錯(cuò)誤提示。和運(yùn)行看到的一模一樣。 介紹 vue.js 是一個(gè)客戶端js庫，可以用來開發(fā)單頁應(yīng)用。為了一個(gè)項(xiàng)目的選型，我前前后后的看了angular、react、vuejs ，對(duì)前兩者是佩服，對(duì)后者是愛...
閱讀 1178·2021-09-10 10:51
閱讀 909·2019-08-30 15:53
閱讀 2735·2019-08-30 12:50
閱讀 986·2019-08-30 11:07
閱讀 1998·2019-08-30 10:50
閱讀 3607·2019-08-29 18:47
閱讀 1319·2019-08-29 18:44
閱讀 1607·2019-08-29 17:01
