vue 学习1

1. css作用域 scoped
   （当 < style >标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。）
   不同组件之间用到了相同的class类名，并且设置样式时之间会互相影响，所有我们需要在组件内的style标签上添加scoped属性

2. vue-awesome-swiper：轮播图

3. 表达式和语句
   表达式: 会产生一个值，可以放在任何一个需要值的地方
   eg：
   function(){}
   a+b;

   语句L：控制代码走向
   eg:
   if()
   switch(){
   case:
   }

4. 闭包

5. $emit

6. 父子组件之间的通信就是 props down,events up，父组件通过 属性props向下传递数据给子组件，子组件通过 事件events 给父组件发送消息。
   比如，子组件需要某个数据，就在内部定义一个prop属性，然后父组件就像给html元素指定特性值一样，把自己的data属性传递给子组件的这个属性。
   而当子组件内部发生了什么事情的时候，就通过自定义事件来把这个事情涉及到的数据暴露出来，供父组件处理。
   vue中
   data是每个组件的私有内存，可以在其中存储需要的任何变量。props是将数据从父组件传递到子组件的方式
   然而，当我们从组件内部访问props时，我们并不拥有它们，所以我们不能更改它们(就像你不能改变你父母给你的基因一样)。
   data是每个组件的内存,这是存储数据和希望跟踪的任何其他变量的地方。

7. vue Router
   // 0. 如果使用模块化机制编程，导入Vue和VueRouter，要调用 Vue.use(VueRouter)
   // 1. 定义 (路由) 组件。
   // 可以从其他文件 import 进来
   // 2. 定义路由
   // 每个路由应该映射一个组件。 其中"component" 可以是通过 Vue.extend() 创建的组件构造器，
   // 或者，只是一个组件配置对象。
   // 我们晚点再讨论嵌套路由。
   // 3. 创建 router 实例，然后传 routes 配置
   // 4. 创建和挂载根实例。
   // 记得要通过 router 配置参数注入路由，
   // 从而让整个应用都有路由功能

8. 嵌套路由
   以“/”开头的嵌套路径会被当作根路径，所以子路由上不用加“/”;
   如果需要渲染一些默认内容，需要在children中添加一个空的子路由：
   {
   path: ‘’,
   name: ‘Default’,
   component: Default
   },

9. 回调函数
   回调函数就是传递一个参数化的函数，就是将这个函数作为一个参数传到另一个主函数里面，当那一个主函数执行完之后，再执行传进去的作为参数的函数。走这个过程的参数化的函数 就叫做回调函数。换个说法也就是被作为参数传递到另一个函数（主函数）的那个函数就叫做 回调函数。

10. Vuex持久化存储之vuex-persist

11. element-ui载入错误，看报错信息，package.lock.json删除之后 重新npm install （如果需要的话再重新安装找不到的模块）

12. vue样式穿透 ::v-deep