一、Vue简介 (渐进式的JavaScript框架)
1、Vue介绍
Vue 是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助开发者高效地开发用户界面。
Vue是一个独立的社区驱动的项目,它是由尤雨溪在2014年作为其个人项目创建,是一个成熟的、经历了无数实战考验的框架,它是目前生产环境中使用最广泛的JavaScript框架之一,可以轻松处理大多数web
应用的场景,并且几乎不需要手动优化,并且Vue完全有能力处理大规模的应用。
2、Vue产生背景
Vue由Evan You创建,于2014年发布。Vue使用model-view-viewmodel (MVVM)体系结构。 Evan You之前在Google研究过AngularJS,并提取了Angular的部分特性以提供一个更轻量级的框架。
3、主要功能
Vue.js是一套构建用户界面的渐进式框架,采用自底向上增量开发的设计,核心库只关注视图层。另一方面,Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue是一个框架,也是一个生态。可以用不同的方式使用Vue:
无需构建步骤,渐进式增强静态的HTML;
在任何页面中作为Web Components嵌入;
单页应用 (SPA);
全栈/服务端渲染 (SSR);
Jamstack/静态站点生成 (SSG);
4、框架特点
a、易用
在有HTML,CSS,JavaScript的基础上,快速上手。
Vue.js的API是参考了AngularJS、Knockout、Ractive.js、Rivets.js。
Vue.js的API的对于其他框架的参考不仅是参考,其中也包含了许多Vue.js的独特功能。
b、灵活
简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。
c、性能
20kbmin+gzip 运行大小、超快虚拟用户界面 、最省心的优化。
5、项目结构
目录/文件 | 说明 |
build | 项目构建(webpack)相关代码 |
config | 配置目录,包括端口号等。我们初学可以使用默认的。 |
node_modules | npm 加载的项目依赖模块 |
src | 包含了几个目录及文件: |
static | 静态资源目录,如图片、字体等。 |
test | 初始测试目录,可删除 |
.xxxx文件 | 这些是一些配置文件,包括语法配置,git配置等。 |
index.html | 首页入口文件,你可以添加一些 meta 信息或统计代码啥的。 |
package.json | 项目配置文件。 |
README.md | 项目的说明文档,markdown 格式 |