学习Vue 入门到实战——学习笔记

     自从进了现在的公司，小颖就再没怎么接触vue了，最近不太忙，所以想再学习下vue，就看了看vue相关视频，顺便做个笔记嘻嘻。

      小颖公司用的angular，一开始有些吃力，到后期也就熟练了，小颖别的本事不强，照猫画虎的本领挺厉害的，嘻嘻，而且自从日之后前前后后做的四个项目，基本都是一样的，每次新项目都是把之前的项目拉下来，把壳留着，壤去掉，根据项目需求加相应的js和html，也没多大难度，除了老板有时催项目催的紧平时也不是很累也不怎么加班，嘻嘻，但是小颖为什么没写博客呢，我想应该是她太懒了，哈哈哈，从九月报了个舞蹈班，断断续续的去学了两只舞蹈，然而还跳的不咋样，硬胳膊硬腿的，一开始压腿都压不下去，现在还稍微好点，看着舞蹈老师带着跳的好的几个美女们去各大高校表演节目，好羡慕，但是她们付出的也真的很多，台上三分钟台下十年功，我是没哪个时间也没哪个毅力，大概是年纪大了变懒了吧，以前只要是自己想做的事情，再难也会拼力去做，现在感觉对自己下不了那个狠劲，不聊啦说了这么多废话嘻嘻，接下来就看下小颖跟着视频都学了些什么。我也是零零散散的笔记，大家要是想系统的学习，可以自己抽空去看下视频跟着视频学习哦。

视频地址：Vue 入门到实战1、Vue 入门到实战2

学习内容： 什么是vue？

官网回答：

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

视频笔记：

vue是目前最火的前端框架、react是目前最流行的前端框架（react除了开发网站，还可以开发手机app，vue语法也可以用于开发手机app，需借助Weex）

vue是一套构建用户界面的框架，只关注视图层，所以易上手，而且也便于与第三方库或既有项目整合。（vue的优点）

库和框架的区别

框架：是一套完整的解决方案，对项目的侵入性比较大，项目如果需要换框架，则需重新搭建整个项目。

库：提供一个小功能，对项目的入侵性比较小，如果某个库无法完成某些需求，可以很容易切换到其它库实现需求。

如何理解MVVM

MVVM是前端视图层的分层开发思想，分成M、V和VM，其中VM是MVVM核心思想，因为VM是M和V之间的调度者。

     ——>取            ——>  取                            M：ajax获取的数据

M               VM              V                                 VM：M、V之间的调度者

     < ——存              <—— 存                          V：每个页面中的html代码

使用MVVM的优点：为了我们开发更加方便，因为MVVM提供了数据的双向绑定。（数据的双向绑定是由VM提供的）。

vue指令：

v-cloak：能解决插值表达式闪烁问题。（经验证目前版本不存在闪烁问题 Vue.js v2.5.16）

v-text：更新元素的 textContent。如果要更新部分的 textContent ，需要使用 {{ Mustache }} 插值。

示例：

<span v-text="msg"></span> <!-- 和下面的一样 --> <span>{{msg}}</span>