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变量不用引号