20分钟彻底明白vue

初学vue时，使用script引入

初学vue时，使用script引入该框架，那么很好，基本的语法过一遍，这不是什么难事。这里通常不明白的是vue的核心思想--数据驱动。一句话比较瞬间明白：传统jquery操作：   html源文件  --> 浏览器解析  -->  渲染为最终呈现页面vue数据绑定：   html源文件 ---> vue拦截，通过算法计算 --> 浏览器解析 --> 渲染为最终呈现页面也就多了一步。这样做的目前就一点：对浏览器而言，dom操作非常慢，而js的计算非常快，通过js的计算，计算出最小渲染区域，然后通过浏览器显示出来，速度就提升了。

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

初学时，跟着各种教程走，vue-cli一阵初始化，安装npm包，启动服务器...运气不错的话应该是不会有一堆错误的。那么这里遇到的问题是不理解。一句话比较瞬间明白：传统html开发模式，新建一个hthm页面,写上一些js，css，打开浏览器，大功告成。vue-cli开发模式：必须先通过vue-cli初始化一个项目（vue init），然后安装npm包（npm install），接下来启动服务器（npm run dev），打开浏览器，大功告成。对于没有接触过node的同学来说,由于vue-cli的开发模式与传统的开发模式不一样，所以很难理解。这一点需要了解，必须通过服务器才能看到页面。

使用vue时的报错解决办法

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