我个人觉得看视频效率比较低，所以我学习vue是以看官方文档为主，写笔记、百度、谷歌为辅，欢迎广大网友来进行指点，也欢迎一起交流。也希望，我接下来的学习笔记能对在学习vue路上的小伙伴有所帮助。
这一篇内容主要用来了解一下vue.
首先我们来先了解Vue绑定文本方式
我们在了解绑定文本方式之前，我们要需要了解到vue是基于MVVM模型进行设计。所以我们要需要了解一下MVVM。MVVM是MVC的升级。
什么是MVC？
M(模型/数据 Moudel)：程序中的数据逻辑。
V(视图 View)：我们所看到界面
C(控制/调取Controller)：把数据处理好给视图，或者把视图上用户所输入的数据给Moudel或者上传到服务器。
原先互联网数据比较简单，仅仅只要用C这部分去调取就可以了，但是由于后面时代发展，数据比较复杂一些，C这一部分会要进行处理数据解析。在原先MVC设计理念当中，没有数据解析这一块，所以后来就创造了VM。也就是后来的MVVM。
什么是MVVM？
M(模型/数据 Moudel)：程序中的数据逻辑。
V(视图 View)：我们所看到界面
VM(视图模型 ViewMoudel)：包含UI的接口和属性。如果M数据进行变化，那么通过VM，视图(view)也会进行变化，反之亦然，如果视图(变化)那么通过VM，模型(moudel)也会进行变化。
MVVM、MVC了解参考网址：
baijiahao.baidu.com/s?id=159627…
文章当中还提到了MVP有兴趣的人可以进行了解了解。这里我就不说了，感觉不大重要，后面可能会补充上。整个发展是这样：MVC—MVP—MVVC.
** 双大括号文本插值{{}}**
用法：{{msg}}
Html
Javscript
然后我们再这里改变msg的值。
那我们在用jquery来看看，两者的区别。
然后同样在这里改变msg值。
发现了没有？值并没有变化，需要重新操作DOM。如下图这样
那如果我们改js改成这样，想一想，如果任意改变txt.a或者msg.a的话，相互之间会被影响吗？
Js
那么问题来了，如何去阻止响应式呢？答案可以使用Object.freeze()这个方法。
Js
还有一种方法就是在DOM结构加v-once。v-once的意思就是只绑定一次，如果数据再次变化，DOM值也不会发生变化。 HTML
接下来再讲、vue绑定事件、属性、class、style
