vue是一种框架和架构_Vue框架的介绍及使用

定义：渐进式 JavaScript 框架

渐进式：可以控制一个页面的一个标签，可以控制一系列标签，也可以控制整个页面，甚至可以控制整个前台项目。

通过对框架的了解与运用程度，来决定其在整个项目中的应用范围，最终可以独立以框架方式完成整个web前端项目

一、Vue基础

1、什么是Vue

可以独立完成前后端分离式web项目的JavaScript框架

2、为什么要学习Vue

三大主流框架之一：Angular(庞大) React(精通移动端) Vue(吸取前两者优势，轻量级)

先进的前端设计模式：MVVM

可以完全脱离服务器端，以前端代码复用的方式渲染整个页面：组件化开发

3、特点

有指令(分支结构，循环结构...)，复用页面结构等

有实例成员(过滤器，监听)，可以对渲染的数据做二次格式化

有组件(模块的复用或组合)，快速搭建页面

单页面web应用

数据驱动

数据的双向绑定

虚拟DOM

4、Vue安装

5、Vue环境简单搭建：通过script标签导入vue文件即可

"""1)cdn导入

2)本地导入

"""

注意：

挂载点介绍

el: 挂载点

1)一个挂载点只能控制一个页面结构(优先匹配到的结构)

2)挂载点挂载的页面标签严格建议用id属性进行匹配(一般习惯用app)

3)html标签与body标签不能作为挂载点(html和body标签不可以被替换，组件中详细介绍)

4)是否接受vue对象，是外界是否要使用vue对象的内容决定的

挂载点

{{ num }}

{{ num }}