vue cli 構建第乙個單頁面應用

聽同事講，後端學vue只要3天就會了，差點信以為真了~

先看了一下vue的文件， 因為之前也看過react的文件，感覺差不多，特色都是頁面模組化，自動生成統一管理。

腳手架安裝和上線部署就不說了，都是node ，npm 之類的，我使用的 vue 3.2.1版本。

單頁面除了預設自帶的檔案以外，需要額外npm install vue-router。

先上效果：

下面是開發步驟：

vue create *** 建立***專案，自動模式

npm install vue-router ,然後就可以在專案裡使用了。

建立預設專案後， 我新增了src/router/index.js 路由檔案。內容如下：

import vue from 'vue'

import vuerouter from 'vue-router'
import home from '@/components/home.vue'
import mine from '@/components/mine.vue'
vue.use(vuerouter);
export default new vuerouter(,
]})

然後在main.js 裡引入我們寫的路由檔案，一定要在new vue 的引數裡加上router:router ，否則出現「unknown custom element: 」 ，困擾我好久。

import vue from 'vue'

import router from '@/router/index.js'
vue.config.productiontip = true
new vue(}

react的第乙個頁面

2 執行命令 3 了解基本的react組成 react 基本用法 判斷 迴圈 變數 react dom 頁面操作 react script 針對專案命令管理 npm run start 啟動專案 npm run build 打包專案 4 進入lesson21 cd lesson21 6 了解誒專案的...

Nodejs的第乙個頁面

網上nodejs的文章已經很多，這裡只是寫下自己的小小心得，如果能幫到別人當然更好。安裝nodejs後啟動node.js，會開啟乙個類似黑色的系統命令框，這裡是直接輸入js 的命令框，因此在這裡輸入 node v 會提示你沒有node 這個命令，如 如果你想安裝其他的包，如 express 等，就需...

Vue02 第乙個vue cli專案

vue02 第乙個vue cli專案 測試是否安裝成功 安裝 映象 npm install cnpm g 使用 映象安裝 vue cli cnpm install vue cli g全域性安裝的路徑 vue init webpack myvue?project name myvue project ...