vue學習(基礎知識)

2021-10-20 00:05:01 字數 1226 閱讀 2419

下面是新增元件的兩種方式:

申明方法和變數,並進行應用。

命令:config/index.js

package.json(專案資訊)

**使用vue之前需要先安裝nodejs。**參考:

在cmd中使用以下命令

npm install -g vue-cli   (安裝腳手架)
npm run dev   (在demo資料夾下使用該cmd命令)
注1:關閉**規則校驗

注2:在.eslintrc.js檔案中新增一句 「no-unused-vars」: 『off』 注意新增的位置

npm install vue-router(安裝路由)

npm install axios(安裝ajax)

npm install -g vue-cli (安裝腳手架)

npm run dev(執行vue)

port:

8080

//埠號

autoopenbrowser:

false

//啟動專案後是否自動開啟瀏覽器訪問

useeslint:

false

//是否進行語法校驗

scripts是一些命令,如啟動時npm run dev或npm start

dependencies是當前專案已經有的東西和他們的版本,如vue-router,axios等

Vue基礎知識學習(後端)

vue安裝 直接引用cdn npm安裝 構建大型應用使用,在這不用 命令列工具 構建大型單頁應用,在這不用 vue基本 結構 指令1 v text,v html,顯示文字內容 區別 v html中的資料原樣顯示 v html中的資料可能會被轉義,比如會被當成html 指令2 v on,繫結事件指令 ...

學習vue基礎知識(四)

將同乙個事件迴圈內的所有資料操作進行和並 然後統一更新並不是資料修改一次就更新一次 自動執行引入模組內部的install方法install 方法一般做的是全域性註冊元件 v model 使用場景 1.表單元素上 2.元件上在元件使用v model 提供可乙個叫 value 自定義屬性 提供了乙個叫 ...

學習vue基礎知識(二)

全域性狀態管理 多元件共享狀態 多個元件使用同乙個資料 任何乙個元件發生改變 其他的元件也要跟著發生相應的變化 建立全域性狀態管理的例項 註冊在元件裡使用全域性狀態值 a.獲取渲染全域性狀態值b.修改全域性狀態值 5大核心 state 全域性狀態資料mutation 規定只有mutation才能修改...