1. 程式人生 > >vue - router 的使用(簡單例子)

vue - router 的使用(簡單例子)

所使用的工具:谷歌瀏覽器、Nodejs(自帶npm)、HBuilder

0、要先安裝Nodejs,下載安裝即可

  0-1、安裝vue-cli,開啟cmd 輸入 npm install -g @vue/cli 安裝cli服務,安裝完後,我們就有一個vue命令可以被呼叫了。

1、使用 vue 命令 建立一個專案

回車。

回車。

等待建立完成。

2、專案建立完成,切入到專案中

3、然後增加一些UI的支援(我這裡演示使用的是 iView 你也可以使用 ElementUI)

回車。

回車。

 

回車。然後等待..........

安裝完成。

4、增加 router 支援。

先輸入 vue add router 然後回車。

回車。

 然後等待安裝..........

安裝完成。

5、開啟專案的服務。

  5.1 輸入 npm run serve 然後回車。

 

服務開啟成功。

6、使用HBuilder 開啟專案,進行編寫程式碼。