自學Vue第一part

2021-09-25 09:41:49 字數 1068 閱讀 5138

node -v/node --version均可檢測nodejs是否安裝好

$ npm install --global vue-cli          全域性安裝vue-cli

$ vue init webpack my-project        建立乙個基於webpack模板的專案

安裝依賴

$ cd my-project

$ npm install

$ npm run dev

vue    插入文字:message:}

只能顯示一次;}一次性定義後不再隨值改變而改變

雙大括號將資料解析為普通文字,v-html可輸出真正的html**

v-bind  屬性值不會被}改變,值的內容被看成字串,vue不會處理

v-bind:屬性名=「表示式」,  與之相對應的v-model

v-if  根據表示式的真假來插入/刪除元素,直接從dom樹中刪除

v-show 是否在頁面顯示,設定display屬性值

v-on  監聽dom事件     

動態引數()

...
注:有語法約束,如空格和引號,在html特性名中無效,可使用表示式規避

...
dom中使用模板(直接在乙個html檔案裡撰寫模板),特性名強制轉為小寫

... 

v-bind:[someattr]` -->

修飾符(modifier)eg..prevent修飾符告訴v-on指令對於觸發的事件呼叫event.preventdefault()

縮寫:vue 為v-bindv-on這兩個最常用的指令,提供了特定簡寫:

#v-bind縮寫

......

#v-on縮寫

......

vue自學筆記

cdnjs 一 全域性配置 使用 npm 映象 npm install g cnpm registry 安裝 cnpm npm install cnpm g 安裝vue cnpm install vue安裝webpack npm install webpack g 全域性安裝 vue cli cnp...

Python自學第一稿

python的安裝 2.安裝 自己選擇安裝路徑,輸入python,確認是否安裝成功。3.配置環境變數 python安裝目錄追加到變值值中,用 分割。呼叫三大瀏覽器,需要將三大瀏覽器的driver 放在c python27 scripts目錄下,c python27是我本地的安裝路徑。4.使用pip ...

自學第一天

今天第一天自學,雖然已經上了乙個學期的c語言的程式設計課程,但我感覺一切都是假的,拿出一段 都看不懂,可能這個學期的學習只是為了期末考試吧。下定決心要開啟自學之路,一切就再次回到原點,從c語言開始。今天把基礎部分看了一看 學習了輸出printf 轉義字元 定義變數char a int a float...