注意:在專案上可以配置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選項,則停止編譯,也意味著暫時停止了生命週期 直...