无论是 Vue 还是 React，都有组件的概念。组件，顾名思义就是能和别人组合在一起的物件。在前端页面开发过程中，将一个页面划分成一个个小的模块，每个模块单独定义，每个模块就是一个组件。组件还可以进行复用，A 页面和 B 页面有一个相似的模块，可以抽离成一个可局部修改的组件。

以上是 Vuex 官网 对 Vuex 的描述，乍一看会有些懵。在上篇博客 Vue 简单状态管理—store 模式 中介绍过 简单 store 模式的状态管理。可以对应 store 对象中的 state 属性存储的就是组件的共享数据状态，因此，state 属性的存在就是上述定义中的 集中存储管理应用的所有组件状态。

状态管理也就是数据状态管理，vue 应用程序的各组件之间经常需要进行通信，除了 v-on、EventBus 等通信方式外，可以采用数据共享的方式进行通信。这种简单的数据共享模式就是 store 模式。

Vue Router 里的编程式导航简单来说，就是，如果我们不用 <a> 标签来定义导航链接，那该如何跳转页面呢？那就需要使用 JavaScript 编程语言来操控接口进行导航。

在上篇博客 前端路由 中是根据原生的 Web API 手动构建的前端路由器。在 Vue 框架中，Vue 官方有提供对应的路由管理器，就是 Vue Router。无论是哪种前端路由管理工具，实现思路基本是一致的。因此在学习 Vue Router 的使用方法时，应从 路由表、路由链接、路由内容等 进行记忆。

早在 ajax 技术出现以前，网页的运行模式就是在服务器端写好所有的静态页面，用户通过在浏览器输入不同的 url，浏览器负责向对应的 url 地址发送请求，服务器端响应请求，将对应的静态页面返回给浏览器，浏览器收到静态页面负责解析后显示给用户。此时的网页应用，用户想要与网页应用进行交互或者进行页面跳转，就必须发...

组件间通信简单来说就是组件间进行数据传递。就像我们日常的打电话，就是通讯的一种方式，你把话说给我听，我把话说给你听，说的话就是数据。电话就是通讯方式的一种。无论是 Vue 还是 React ，都得进行组件间通信。Vue 组件间通信的方式介绍如下。

Vue 框架早已经不是 MVVM（Mode-View-View-Model） 双向绑定了。早在 Vue 1.0 时代，Vue 在刚出世的时候的确是 MVVM 双向绑定。自 Vue 2.0 以来，Vue 就不再是双向绑定了，而是像 React 一样是单向绑定 MV（Model-View）了。但是，在 Vue 中仍保留了双向绑定的接口，v-model 就是。

在 Vue 框架下的代码中，很少用到原生 DOM 操作，那是因为在 Vue 中将原生 DOM 操作都封装成了指令，例如我们前面见到的 <div v-text="xxx"></div> 指令，其实其内部操作就是：

.sync 修饰符算是 Vue 的所有修饰符中较难理解的一个，本篇文章就带你走近 .sync 的世界，深入理解后会发现，其实也就那么回事。修饰符和指令息息相关，下面从 指令 -> 修饰符 -> .sync 修饰符 由浅入深地来讲解 .sync 的含义及用法。

template 模板标签里包含的内容是要渲染在页面的内容，是 XML 语法格式，不是 HTML 语法格式，XML 和 HTML 语法基本类似，但是 XML 比 HTML 更加严格些，如在闭合标签这一块，XML 严格要求单标签必须闭合，如 <input/>，但在 HTML 中，单标签可闭合可不闭合，且最新的语法和推荐的语法是不闭合。

computed 即计算的意思，是创建 vue实例 中的计算属性，属性值为一个对象，对象里面是各种计算得来的数据变量，和 data 属性里面的变量一样

getter和setter 方法是以 get 和 set 关键字来为对象添加虚拟属性的一种方式。这种属性其实并不真实存在，而是以取值函数 getter 和存值函数 setter 来模拟的一种属性。目的是对某个属性设置存值函数和取值函数，拦截该属性的存取行为，以便于对该属性的存取做一些限定处理。如下所示(以下代码来源于 mdn)

options 顾名思义是选项的意思，或称为构造选项。是在创建 vue 实例时传入的参数，是一个对象。const vm = new Vue(options)该对象包含哪些属性？每个属性都是什么含义？就是理解选项的重点。

刚刚开始接触Vue，接下来会在思否一直更新关于Vue的学习的相关知识，不得不夸奖一下的是Vue的官方文档写的是真好，还贴心地配有视频讲解，真心觉得给力。