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 }}

你可能感兴趣的:(vue是一种框架和架构)