Vue培訓文件

2021-09-25 04:16:09 字數 1691 閱讀 1744

1. nodejs安裝

2. 安裝**映象

npm install -g cnpm --registry=

3. vue腳手架安裝

cnpm install -g vue-cli

4. 建立乙個vue專案

vue create myproject -r**映象快速建立

myproject 自己定義的專案名

npm run serve執行

5. 安裝iview or elementui

6.監聽事件

v-on:click 縮寫為:click,:click="fun()"呼叫函式,可以繫結任意的名字,如:data,:href,:src

7.條件語句

v-if v-if=「name」

8.迴圈語句

v-for

9.屬性繫結

v-bind:href

10.雙向繫結

v-modal

11.元件

components

**12.vuex **

store.js 類似於乙個頁面中的data ,state是變數,mutations是方法 其中兩個引數state,payload分別是state例項,傳進來的引數,是乙個物件

import vue from

'vue'

import vuex from

'vuex'

vue.

use(vuex)

export

default

newvuex.store(,

mutations:

,receivebmsg

(state,payload)},

actions:

})

呼叫其中的receivebmsg,其中payload是第二個引數

this

.$store.

commit

("receivebmsg",)

;

在其他頁面監聽這個值的改變,使用this.store.state.*** 返回值

computed:

},

$attrs 可以在子元件中獲取到由父元件傳來的值

學習資料

教程注意:為什麼無法new vue

vue官方文件

vue新手入門文件

JQuery EasyUI培訓文件

jquery easyui 1 accordion 可折疊標籤 2 1.1 例項 2 1.2 引數 3 2 datebox 日期框 4 2.1 例項 4 2.2 引數 6 2.3 事件 6 2.4 方法 6 3 combobox 組合框 7 3.1 例項 7 3.2 引數 9 3.3 事件 9 3....

android 培訓文件 總結的 螢幕適配

三,螢幕適配 常見的螢幕 hdipi 480 800 ldpi 240 320 xhdpi 1280 720 mdpi 320 480 螢幕的基本概念 解析度 長和寬總的畫素點的總和。有多少個點 螢幕的大小 買手機會問買多大的手機,英吋,手機的對角線。隨便建立乙個專案,在eclipse 中有好幾個d...

重新閱讀 vue 文件收穫

最近有空,心血來潮想著再去把 vue 文件給讀一遍,記一下收穫 鏈結這裡的問題以前完全沒有注意過,導致經常寫 iview 出現這一類的 原因 v for 的優先順序 比 v if 要高,導致 渲染的時候,先執行了 v for 後執行了 v if 這是乙個完全沒有必要的 開銷 以上還有乙個問題 key...