Vue.js高效前端开发 【初识Vue.js】

全部章节 >>>>

---

文章目录

• 一、Vue概述
• • 1、Web前端框架介绍
  • 2、MVC和MVVM
  • 3、Vue介绍
  • 4、安装Vue
• 二、Vue使用
• • 1、第一个Vue应用
  • 2、Vue的双向绑定
  • 3、实践练习
• 三、Vue生命周期
• • 1、Vue的实例和数据
  • 2、Vue生命周期钩子函数
  • 3、实践练习
• 四、过滤器
• • 1、过滤器使用
  • 2、实践练习
• 总结：

---

一、Vue概述

1、Web前端框架介绍

近几年，互联网前端行业发展得依旧迅猛，涌现出了很多优秀的JavaScript框架，同时这些JavaScript框架也正在逐渐改变统的前端开发方式。

在这些新出现的JavaScript框架中，最具代表性的框架有Angular.js、React.js和Vue.js。

2、MVC和MVVM

MVC是著名的设计模式，基本思想是将软件结构分解为Model（模型）、View（视图）和Controller（控制器）三部分组成。

• Model：主要负责数据处理和运算。
• Controller：主要负责接收输入的数据并控制选择使用哪个View显示。
• View：主要负责显示数据和用户交互。
  

MVVM设计模式是由Model（模型）、View（视图