组件 ，vuex ，路由

组件

我们在开发的时候把一些可以复用的内容封装成组件
在vue中定义组件有两种常见的形式

      **1. 局部组件**
          const c = { template: `` }
          局部组件在使用的时候需要注册
              components 属性进行注册
      **2. 全局组件**
          Vue.component('', { template })
          全局组件定义之后可以直接使用不需要注册
          
   定义局部组件, 就是一个对象，此对象包含有一些特殊的属性
      template    模板内容
      data        组件的数据, data必须是一个function,此function有一个对象做为返回值
      methods     方法
      computed    计算属性
     ...         其他的等等等等,所有vue中可以使用的方法或者属性都可以在组件内部使用
   定义的组件必须只有一个根节点
   
   父组件向子组件传值 使用props 

   子组件向父组件传值 使用事件派发

vuex

vue 中的全局状态管理插件。可以在整个项目中生成一棵单一的数据树，所有的 state 状态数据都在其上。

单项数据流

单项数据流表示数据是单项流动的。state，actions，view

vuex 核心功能

state 表示数据

actions 行为，用来处理异步操作。执行异步获取的数据的时候通过 dispatach 派发一个 action 进行触发。执行成功之后通过 commit 一个 mutation 改变 state

mutations 用来改变 state。我们改变数据的方法使用 commit 提交一个 mutation 进行事项

getters 相当于 vuex 的计算属性

路由

vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换