20分钟彻底明白vue

初学vue时，通过script引入vue框架

初学vue时，使用script引入该框架，基本的语法过一遍，这不是什么难事。
进步到了这里，通常不太明白的是vue的核心思想–数据驱动。
一句话解释：
传统jquery操作： html源文件 --> 浏览器解析 --> 渲染为最终呈现页面
vue数据绑定： html源文件 —> vue拦截，进行dom-diff计算 --> 浏览器解析 --> 渲染为最终呈现页面

相对传统html的加载方式，也就多了一步。
这样做的目的是因为：对浏览器而言，dom操作会造成页面变化呈现，非常慢，而js的计算速度非常快。
MVVM框架都是通过js的计算，计算出最小渲染区域，然后通过浏览器显示出来，让变化的区域减小，所以速度就提升了。

初次使用vue-cli时的一团乱麻

初学时，跟着各种教程走，vue-cli@2初始化，安装npm包，启动服务器…运气不错的话应该是不会有一堆错误的。
那么这里遇到的问题是不理解服务器。
一句话解释：
传统html开发模式，新建一个hthm页面,写上一些js，css，通过浏览器直接打开，大功告成。
vue-cli开发模式：先通过vue-cli初始化一个项目（vue init），然后安装npm包（npm install），接下来启动服务器（npm run dev），打开浏览器，大功告成。

对于没有接触过node的同学来说, 由于vue-cli的开发模式与传统的开发模式不一样，所以很难理解。
这一点需要了解的是，必须通过启动服务器才能看到页面。

使用vue时的报错解决办法

搬砖最重要的是：理解能力。
新的框架有新的用法，具体的用法都是小道，重要的是理解。
报错问题出在哪里？能够找到位置。
报错原因是为什么？查看官方文档或搜索对改错误的解释。（这一步往往被轻视，导致低效）
仿照解决方法，自己去写，而不是copy。（只需一次，就会铭记）