index.html
:所有vue
檔案均以單頁面形式開發,所有vue
元件都是通過index.html
進行渲染載入。
模板將會替換掛載的元素。
watch
:用來監聽路由的變換,可以用來定義頁面切換時的過渡效果。
index.js
檔案
引入元件routes
時,path
為你以後頁面間路由跳轉的路徑。name
為import
進來的名字,component
也為這個名字。
其他檔案:
-build
-build.js
生產環境構建指令碼
-utils.js
構建相關工具方法
-webpack.base.conf.js
webpack
基礎配置
-webpack.dev.conf.js
webpack
開發環境配置
-webpack.prod.conf.js
生產環境配置
-confg
專案配置
–dev.env.js
開發環境變數
–index.js
專案配置檔案
–prod.env.js
生產環境變數
–test.env.js
測試環境變數
-package.json
npm
包配置檔案,裡面定義了專案的npm
指令碼,依賴包等資訊
-src
原始碼目錄
–main.js
入口js
檔案
–components
公共元件目錄
–title.vue
Vue高階(三十六) created 詳解
三 vue 生命週期 mounted 和 created 的區別 四 拓展閱讀 vue.js中created方法是乙個生命週期鉤子函式,乙個vue例項被生成後會呼叫這個函式。乙個vue例項被生成後還要繫結到某個html元素上,之後還要進行編譯,然後再插入到document中。每乙個階段都會有乙個鉤子...
前端vue專案啟動
1 裝好nodejs,最新版本6.10以上的好像都能自動配置路徑和npm啥的,反正裝好後在任意路徑下用cmd查 node version 或者 npm v 都能給出版本號,不用像一些其他教程一樣還要配置環境變數。2 切換npm映象 在任意路徑下用cmd輸入 npm install g cnpm re...
vue專案啟動報錯
參考 webpack dev server 20 inline 20 progress 20 config 20build webpack.dev.conf.js 因為自己對前端基礎框架不是很了解,所以踩坑就記錄了,暫時記錄下,哈哈 刪除 node modules 目錄,再重新安裝依賴包 npm i...