vue.js仿錘子商城實戰

一、前期準備
1、安裝node.js(npm同步安裝)
2、vue init webpack：安裝vue-cli腳手架
3、npm install vuex --save：安裝vuex，注意是--save，不是--save-dev
4、npm install axios vue-axios --save：安裝axios
5、建好目錄結構：

• assets：靜態資源文件
• components：組件
• lib：第三方庫、模擬數據
• router：路由配置文件
• store：vuex文件
• views：所有的單頁面文件

6、在main.js引入樣式文件，路徑使用相對路徑，
如：import app from './assets/css/app.css'
組件使用絕對路徑
如：import HelloWorld from '@/components/HelloWorld'

二、數據導入
主要用到v-for="item,index in dataList"
注意：

• export default dataList是將數據模塊暴露 //使用的是export
  要引入數據，使用import goodsData from '@/lib/newGoodsData' //使用的是import
  goodsData是數據模塊暴露的變量，即數據的變量名，import引入路徑是數據js文件所在的路徑

• 綁定數據的寫法：
  <img :src="'http://img01.smartisanos.cn/'+sku.spec_json.image+'20X20.jpg'"&gt;
  固定路徑前後用''括起來，總的src值外面用""括起來，vue變量不用引號