【Vue 学习】- VueJS 简单入门

2、MVVM 模式

---

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为 抽象化，让我们将视图 UI 和业务逻辑分开 MVVM模式和MVC模式一样，主要目的是分离视图（View）和模型（Model）

Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库，专注于View 层。它的核心是 MVVM 中的 VM， 也就是 ViewModel。 ViewModel负责连接 View 和 Model，保证视图和数据的一致性，这种轻量级的架构让前端 开发更加高效、便捷。

二、Vue 入门

========

1、使用 IDEA 开发 Vue

---

【1】使用 web 骨架创建 Maven 工程

使用 idea 自带的 web 骨架创建 Maven 工程，并设置相关目录，引入 js，在 webapp 目录下创建要编写的 HTML 页面，创建好后目录结构如下：

【2】编写第一个Vue程序

步骤如下：

1. 导入vuejs：

3. 定义 id 为 app 的区域：

3. 创建 vue 对象：

4. new Vue({…});

5. 将 id 为 app 的区域给 vue 接管

6. el:“#app”

7. 定义数据：

8. date:{

message:“hello onestar”

}

6. 将定义和显示分离：

7. 在app区域编写插值表达式：{{message}}

{{message}}

【3】部署 Tomcat 访问页面

文末

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。