我眼中的Vue

現在公司選型沒有用到vue,但是上家公司準備要用。把自己的一些筆記放到這里,正好跟人知識共享,又復習了自己的vue~(希望大佬能多多指點指點)

1、初識Vue

Vue.js 不支持 IE8 及其以下版本,因為 Vue.js 使用了 IE8 不能模擬的 ECMAScript 5 特性。

Vue.js 支持所有兼容 ECMAScript 5 的瀏覽器。

下載完vue.js 控制臺輸入Vue測試成功否

獨立構建和運行時構建

獨立構建:上線的時候用bablue翻譯

運行時構建:一起打包上線然后適時監控,但是占用空間很大。

vue構建項目不用webpack了 因為有了vue.cli。

2、Vue常用指令

v-:指令

{{}}:叫做插值表達式

v-text=“” 和{{}}插值一樣

v-bind: (:)可以尋找下面的變量

v-if=“true” 直接影響dom節點是否存在 false則標簽不再存在 直接刪除了

v-show=“seen” seen是展示,false是不展示 但是節點還在 相當于隱藏

v-for=""? 循環

v-on:click? (@click) 監聽的事件名字

v-model=“”? 雙向綁定

v-once: 限制,只有第一次綁定的時候顯示值, 然后就不變了

v-html: 顯示內容中去除標簽

methods:要添加的事件

class 和 style 都用 v-bind:

修飾符

.prevent 阻止默認行為 (methods里面就是event.preventDefault())

.stop? ? ? 阻止冒泡

過濾器(管道命令)

前邊是個變量

后面那是過濾器的名稱

date.now不是一個內部依賴

todolist

app是實例

el:"#root" = app.$mount("root")

watch 監聽message的變化 es6 里面如果用this,this指向的是data

3、Vue父子組件傳值

子組件

父組件

4、Vue生命周期

在頁面生命周期的某一個點上執行某一個函數,叫做鉤子。

beforeCreate? 創建虛擬dom之前執行的

create? ? ? ? 創建虛擬dom之后執行的

bofoereMount? 掛載,渲染dom之前執行的

mounted? ? ? 掛載完,頁面渲染之后執行的

beforeUpdate? 數據改變的時候執行

updated? ? ? 數據改變的時候執行

beforeDestroy 當你要銷毀這個實例的時候執行 app.$destroy()

destroyed? ? 當你要銷毀這個實例的時候執行 app.$destroy()

5、Vue數組方法

變異方法指的的是原數組進行改變

非變異方法是指不改變原數組

6、Vue組件

子組件:定義一個變量 然后用compinents接收定義(標簽名:變量名)

用變量定義的局部組件

用Vue.component定義的全局組件

雙向綁定

響應式原理

異步更新隊列

當點擊的時候對show取反

暫時就總結到這里,會不斷學習的。希望能幫助到別人。

推廣一下自己的小程序,如果你也喜歡鍛煉的話在這里尋找你的小伙伴吧。

公眾號入口,關注其實不太胖,點擊匯鍛煉即可。一只喜歡鍛煉的程序猿,嘿嘿。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,182評論 6 543
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,489評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,290評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,776評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,510評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,866評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,860評論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,036評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,585評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,331評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,536評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,058評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,754評論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,154評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,469評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,273評論 3 399
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,505評論 2 379

推薦閱讀更多精彩內容

  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內容,還有我對于 Vue 1.0 印象不深的內容。關于...
    云之外閱讀 5,070評論 0 29
  • 下載安裝搭建環境 可以選npm安裝,或者簡單下載一個開發版的vue.js文件 瀏覽器打開加載有vue的文檔時,控制...
    冥冥2017閱讀 6,075評論 0 42
  • 當你感賞你所擁有的事物,無論他有多小,你都能得到更多同樣的事物。 1.感賞兩天的充分休息,腦子思路更清晰了,謝謝。...
    吸引力_阿福閱讀 172評論 0 1
  • 懷著深情與目光 匆匆瞥你一眼 我將帶著詩私奔了 在你焦灼與慮盼中遠走高飛 穿過無涯的田野 踏過水面平湖浪花洶涌 遇...
    跟住閱讀 165評論 2 2