vue checkbox选中和不选中_前端基础之二 Vue框架基础（一）

本文主要包括

1. MVVM思想

2. vue 简介

3. 安装node.js

4. 基本语法

5. 安装插件

6. Vue 基础指令

• 花括号、插值闪烁、v-text、v-html

• v-bind

• v-model

• v-on

• v-for

• v-if、v-show

• v-else、v-else-if

1.MVVM思想

M:即Model,模型,包括数据和一些基本操作

v:即View,视图,页面渲染结果

VM:即View-Model,模型与视图间的双向操作(无需开发人员干涉)

在MWM之前,开发人员从后端获取需要的数据模型,然后要通过 DOM操作 Model渲染到View中。而后当用户操作视图,我们还需要通过DOM获取View中的数据,然后同步到Model中。 而MVVM中的VM要做的事情就是把DOM操作完全封装起来,开发人员 不用再关心 Model和View之间是如何互相影响的:

• 只要我们Model发生了改变, View上自然就会表现出来。

• 当用户修改了View, Model中的数据也会跟着改变。把开发人员从繁琐的DOM操作中解放出来,把关注点放在如何操作Model上。

2.vue 简介

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

Nodejs英文网：https://nodejs.org/en/ 　　

Nodejs中文网：http://nodejs.cn/ 

1)Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 2)Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 3)Node.js 的包管理器 npm，是全球最大的开源库生态系统。安装官方下载地址：http://nodejs.cn/download/

也可以关注我的公众号，回复 nodeJs 获得安装包下载 安装完成即可输入命令npm -v 查看版本 4.基本语法 1)npm init -y 初始化目录结构