Vue——学习第一天

一、什么是Vue？

Vue是目前最火的一个框架，React是最流行的一个框架（React除了开发网站，还可以开发手机App）

Vue是前端的主流框架之一，是一套构建用户界面的框架，只关注视图层，不仅容易上手，还便于与第三方库或既有项目整合。

二、提高开发效率的发展历程？

原生JS -> JQuery之类的库 -> 前端模板引擎 -> Angular.js / Vue.js
在Vue中，一个核心的概念，就是让用户不在操作DOM元素，解放了用户的双手，让程序员可以更多的时候去关注业务逻辑。

三、框架和库的区别？

框架：是一套完整的解决方案；对项目的侵入性较大，项目如果需要更换框架，则需要重新架构整个项目。
库：提供某一个小功能，对项目的侵入性较小，如果某个库无法完成某些需求，可以很容易切换到其它库实现需求。

四、MVC和MVVM之间的区别

MVC是后端的分层开发概念
MVVM是前端视图层的概念，主要关注与视图层分离，也就是说：MVVM把前端的视图层，分为了三部分
model 、 View 、 VM ViewModel

五、基本代码和MVVM之间对应关系

六、基本指令

v_cloak:解决插值表达式闪烁的问题

v-text:

v-html:解决HTML标签不转换问题

v-bind:提供用于绑定属性的指令

v-on:指令定义Vue中的事件

总结：

七、跑马灯效果视频学习

箭头函数：解决this指向问题，内部this与外部this保持一致问题。

防止多开效果

停止任务

八、v-on指定的缩写和事件修饰符

冒泡行为：stop

阻止冒泡事件

prevent：阻止默认行为

capture：添加事件侦听器时使用事件捕获模式

self：只当事件在该元素本身触发时触发回调

once：事件只触发一次

九、v-model:数据的双向绑定

十、Vue中使用样式

1、使用class样式

2、使用内联样式

十一、Vue指令v-for和key属性

迭代数组

迭代对象数组

迭代对象

迭代数字

key属性解决bug

十二、v-if和v-show的使用和特点

十三、全局过滤器

Vue.js允许自定义过滤器，可被用作一些常见的文本格式化，过滤器可以用在两个地方：mustache插值和v-bind表达式。过滤器应该被添加在JavaScript表达式的尾部，由管道符指示；

调用格式：

定义全局过滤器：

全局过滤器基本使用：

定义全局过滤器msgFormat

全局过滤器传参（疯狂）

全局过滤器：参数使用如下

十四、私有过滤器

利用filters关键字

十五、按键修饰符

知道什么是键盘码吗？ GO

自定义全局修饰符

十六、自定义指令

1、自定义全局焦点指令

自定义全局颜色指令

不需要加载到DOM中

钩子函数参数

传递：blue参数

2、私有指令

大概定义样式

自定义指令：内部实现细节

函数简写

十七、生命周期函数-组件创建期间的4个钩子函数

1、beforeCreate

2、created

3、beforeMount

4、mounted

5、beforeUpdate

6、updated

十八、生命周期函数-组件运行和销毁阶段的钩子函数

1、beforeDestroy

2、detoryed

十九、vue-resource发起get、post、jsonp请求

vue-resource是一个第三方包，需要导入
可以发起以下请求

发请求方式，通过.then获取服务器返回的数据

1、get：

2、post：

3、jsonp：

二十、路由

1、前端路由

对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有
一个特定：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；

2、vue-router基本使用

router-view

添加页面链接

script中添加组件的模板对象

script中创建路由对象

script中路由绑定实例

router-link

使用与router-view一样

3、路由重定向redirect