vue 學習筆記(一)

2021-09-29 04:36:29 字數 658 閱讀 4479

注意:在專案上可以配置public 或者static 為靜態的資源目錄

v-model

繫結表單元素值的 — 資料雙向繫結

}v-bind

繫結屬性的 — 單向繫結

簡寫 — :title=""

//物件語法

//陣列語法

//三元表示式

//陣列語法中也可以巢狀物件語法

//style 繫結

//物件語法

//陣列語法

注意:當 v-bind:style 使用需要新增瀏覽器引擎字首的 css 屬性時,如 transform,vue.js 會自動偵測並新增相應的字首。

我在看你

我不看你

我是隱藏的

vue 事件以及獲取dom元素(虛擬)

v-on:事件型別 @事件型別

事件的修飾符 :

1 .stop 阻止事件傳播

2 .prevent 元件過載頁面

3 .self 阻止事件不從內部觸發

4 .once 事件觸發一次

注意:事件.self:相當事件的委託,當前的觸發元素是自身的時候 才能執行當前事件的函式

.capture 類似原生的js裡面的事件的捕獲 事件從外向裡執行

Vue學習筆記 一

1 vue基本模型 一段html 配合json,再new 處理vue例項。html json格式的資料 vue.js var vm new vue new vue 2.2.2 v for value in json 2.2.3 v for k,v in json 如果有重複的資料 track by ...

vue學習筆記(一)

一.搭建環境 1.如果我們的電腦上有了node和npm,我們就只需要執行下面的命令全域性安裝vue cli腳手架 npm install g vue cli 或者 cnpm install g vue cli 2.構建完腳手架之後,隨便進入乙個我們事先準備好的目錄,比如demo目錄,然後在目錄中做初...

vue 學習筆記(一)

例項生命週期鉤子 1 在beforecreate和created之間,進行資料觀測 data observer 也就是在這個時候開始監控data中的資料變化了,同時初始化事件 2 首先系統會判斷物件中有沒有el選項 有el選項,則繼續編譯過程 沒有el選項,則停止編譯,也意味著暫時停止了生命週期 直...