Vue小項目二手書商城：（五）參考資料

本項目基於vue2.5.2，若有錯誤，望指正。

完整程序：https://github.com/M-M-Monica/bukesi

Vue.js官方文檔：https://cn.vuejs.org/v2/guide/

一.vue-cli

• 前端架構之路：使用vue.js開始第一個項目（vue init webpack-simple xxx 比 vue init webpack xxx 建立的內容少）
• vue-cli（vue腳手架）超詳細教程（從0開始，超詳細）

二.生命週期

• 詳解生命週期

三.Vue Router

• 官方文檔

四.Sass/SCSS

• SCSS語法介紹
• vue項目使用Sass
• webpack配置Sass模塊的加載

五.content

• CSS3中的content字符編碼

六.圖片資源

• Dribbble（部分圖片資源來自Dribbble圖侵刪）

七.父子組件通訊

• vue之父子組件間通訊實例講解（prop、$ref、$emit）
• vue2.0的三種經常使用傳值方式

八.Flex佈局

• 語法篇
• 實例篇

九.vue調試擴展程序

• 教你使用Vue.js的DevTools來調試你的vue項目

十.vue1.0升級到vue2.0部分不一樣之處

• 配置文件修改
  • package.json
  • build目錄修改
  • config目錄修改
• Vue-Router API變化
  • 初始化路由變化
  • v-link指令替換爲<router-link>組件
• vue2.0語法變化
  • v-for指令的變化
  • v-el、v-ref指令的變化（2.0它們合併爲ref）
  • 模板變化，組件只容許一個根元素（<template><div>...</div></template>）
  • 組件通訊變化$dispatch廢除（改用$emit）
  • 事件監聽變化，廢除events屬性
  • 過渡的變化，transition組件
  • ......
• 官方文檔：從Vue1.x遷移