禁用eslint：Use ESLint to lint your code?Yes→它会进行很严格的检查，比如缩进，空格问题都非常的敏感，加入报错。解决方法：在webpack.base.config.js注释掉。
Bootstrap需用HTML5文件类型及需要一个容器元素来包裹网站的内容。Bootstrap是前端页面搭建的标准化框架工具，已经写好了css.js样式，只需要拿来用即可。http://www.runoob.com/bootstrap4/bootstrap4-grid-basic.html
vue常用的三种传值方式 https://blog.csdn.net/lander_xiong/article/details/79018737
<style scoped> ：在vue文件中的style标签上，有一个特殊的属性：scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，也就是说，该样式只能适用于当前组件元素。通过该属性，可以使得组件之间的样式不互相污染。慎用。
当Vue用 v-for 正在更新已渲染过的元素列表是，它默认用“就地复用”策略。key的作用主要是为了高效的更新虚拟DOM，为了给Vue一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key 属性。key属性的类型只能为 string或者number类型。使用:key="index"或:key="item.id"
colspan 属性规定单元格可横跨的列数。 <td colspan="3">January</td> 横跨3列合并单元格
Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。
你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地跟踪每一个状态的变化，从而让我们能够实现一些工具帮助我们更好地了解我们的应用。
异步逻辑都应该封装到 action 里面。
es6 展开运算符
const store = new Vuex.Store({ //store实例
state: {
count: 0
},
mutations: {
increment (state) {
state.count++
}
},
actions: {
increment (context) {
context.commit('increment')
}
}
})mutation中可以直接拿到state里面所有的数据
vuex中action的addToCart方法写好了，如何与product.vue中的addToCart方法对应上去呢？通过mapActions的辅助函数，把action和组件中方法关联起来【getters】是store的计算属性：我们要在不同的页面展示一个不同的数据，但是这个数据是我们通过同一个数据计算而带来的
getter中可以调用getter里面的方法
mapGetters 用来获取属性（数据），mapActions 用来获取方法（动作）
http://www.cnblogs.com/keepfool/p/5625583.html#top
Vue.component 创造全局组件
生命周期函数就是Vue在某一个时间点会自动执行的函数
插值表达式和v-text的作用是一样的
computed属性、watch有缓存功能，推荐使用computed
冒号后面跟的都是js表达式
在子组件定义data，data必须是函数
通过ref获取dom节点 $refs.name
<li is ="row"> 组件规范，li在ul里面
vue中有单向数据流，子组件不能改变父组件传递过来的内容。如果想改变，就在data复制一份
在简单的场景下，可以使用一个空的 Vue 实例作为事件总线也就是下面要说的 Bus 。然后在组件中，可以使用$emit， $on， $off 分别来分发、监听、取消监听事件。全局注册：Vue.prototype.bus=new Vue();
模板：this.bus.$emit('自定义事件名',data) 和 this.bus.$on("自定义事件名", msg => {})
通过插槽的方法可以很方便向子组件传递dom元素，<slot></slot>
作用域插槽在<template>里面
动画效果在<transition>里
动态组件<component>，结合v-once（有缓存功能）使用，可实现高效切换静态页面。
