Vue介绍：Vue是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统，所有东西都是响应式的；Vue 的另一个重要概念是组件系统，它允许我们使用小型、独立和通常可复用的组件构建大型应用。Vue兼容性：Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScr

1.Bootstrap布局内容不需要充满屏幕，所以使用了container容器。为了后续能够合理的开发，以及后期的修改和添加，将页面分成上（推荐商品列表）下（购物车列表）两层。每层里面再分头部、主体、底部，整个静态页面的布局思路就是将内容细分。方便修改和添加内容，将修改的区域合理的控制，而不会影响全局。推荐商品列表和购物车列表都使用栅格系统布局，能够合理的展示商品信息。2.Vue渲染数据使用数组对象存储推荐商品信息，因为页面推荐商品信息展示有两个区域，所以使用计算属性将数组通过下标分成两份。当用

1.给router-link绑定事件在vue-router中要使用<router-link>标签写入路由，在浏览器渲染的时候会把<router-link>标签渲染成<a>标签，有时候需要为<router-link>注册事件，对于一般的html元素，直接使用@click="Fun"即可，但是对于<router-link>，像普通html元素那样注册事件后并不管用，需要添加.native才会成功注册实例代码：         <!-- 未添加.native的点击事件，点击事件无效 -->