前端筆記｜Vue基本概念

最後更新日期2019.4.13待更新

Vue.js的特色：

vue通常拿來製作SPA。SPA是什麼？
一頁式網站，只有一個html檔案利用js轉跳不同component

#vue-cli 基本架構以webpack為例

package.json：專案套件／npm執行指令
build & config：webpck設定檔
src
– main.js & app.vue：vue-loader將vue轉為js
– components：放vue component
– assets：放靜態檔案，如image等

vue-router包含：path / component / name
router切換有2種方式：
1. <router-link>：包含tag / to
to：path / name(指定router的name) / params
params : 動態配置路由 和path不能同時出現，要與name搭配。
2. this.$router.push：寫在function內
巢狀路由：添加children
redirect：重新導向

內建Hot reload修改程式碼後不用按F5可即時更新

Related Posts