-
vue init webpack 項目名稱（不能用大寫字母）
install vue-router？選項要選y。路由跳轉一定要安裝
ESLint 風格管理工具，一般項目中都會使用，建議安裝。
查看全部 -
vue-cli腳手架安裝
一、npm 參數
-S --save安裝包信息將加入到dependencies（生產階段的依賴）
-D --save --dev 安裝包信息將加入到devDependencies(開發階段的依賴)，所以開發階段一般使用它（生產環境也可以）
npm i -D vue-cli 本地安裝(沒有-g) 會報錯需要：
?npm init -f 初始化本地安裝配置文件
建議全局安裝
查看全部 -
創建項目
cd 項目目錄
vue create 項目名
npm run serve # 啟動服務
查看全部 -
手動搭建vue-cli環境
安裝依賴：npm install 或者 cnpm install
初始化：npm init -f 或者 cnpm init -f，f參數為全部使用默認值，無人工干預
安裝組件，并查看安裝后內容
查看全部 -
【注意】
1、地址欄中的#，是為了防止http頻繁請求后臺造成壓力
2、hash模式：地址欄包含#符號，#以后的內容不會被后臺獲取
3、history模式：具有對url歷史記錄進行修改的功能
4、在微信支付、分享url作為參數傳遞時，#屬于特殊符號，不能滿足需求
5、history需要后臺配合，來處理404的問題
查看全部 -
router實現子路由
實現嵌套路由到效果：children:[{}.{}]
【注意】使用children會父頁面和子頁面一起顯示，如果不想一起顯示就使用平行路由即可
查看全部 -
創建vue-cli項目
vue init webpack 項目名
創建cli過程中部分配置內容
Install vue-router?(Y/n)：是否安裝vue-router，這是官方的路由，大多數情況下都使用，這里就輸入y后會車即可。
Use ESLint to lint your code?(Y/n)：是否使用ESLint管理代碼，ESLint是個代碼風格管理工具，是用來統一代碼風格的，一般項目中都會使用。
查看全部 -
-S，-D參數
-S，--save 安裝包信息將加入到dependencies(生產階段到依賴)
-D，--save--dev 安裝包信息將加入到devDependencies(開發階段的依賴)
所以開發階段一般使用它
i 是install的縮寫(注意：前面沒有"-")
npm初始化
如npm init -f
-f參數，初始化時不回答所有問題，全部使用默認值
查看全部 -
npm和cnpm區別
npm(node package manager)：是nodejs的包管理器，用于node插件管理(包括安裝、卸載、管理依賴等)
cnpm：因為npm安裝插件是從國外服務器下載，受網絡影響大，可能出現異常，所以淘寶團隊分享了使用國內鏡像來代替國外服務器。
-g參數
全局安裝(global)可以在命令行下直接使用
可以通過npm root -g查看全局安裝的文件夾位置
vue-cli2安裝
npm?install?-g?vue-cli cnpm?install?-g?vue-cli
手動指定從哪個鏡像服務器獲取資源
npm?install?-gd?express?--registry=http://registry.npm.taobao.org
為了避免每次安裝都需要--registry參數，可以使用如下命令進行永久設置
npm?config?set?registry?http://registry.npm.taobao.org
查看全部 -
組件間兄弟傳值
傳值? Msg.$emit('val','1');? 在methods種
接收值：在mouted中
Msg.$on('val',function(m){
????????????that.content=m
????????})
查看全部 -
用事件總線傳值，
總線傳值需要用 .js
查看全部 -
public 存放不變動的文件
src/assets 存放可以變動的文件
查看全部 -
主要技術
組件與組件間傳值
axios實現讀取json數據：商品的數據源存于json種
css相關技術進行布局：布局，間距等樣式
使用views頁面級組件，使用router設置頁面
查看全部 -
添加樣式有3種方式
第一種:在當前 A.vue種的style寫內聯樣式
第二種,在public 目錄下新建style.css，然后再A.vue的style 下面，@import引入
第三種：在public 下的index.html 傳統方式? link引入
其中? router-link相當于? a? 標簽? 可以被包含于包含其他標簽
查看全部 -
vuecli3中新增了views文件夾，分工更加明確了
查看全部
舉報