Vue简介

时间:2021-6-4 作者:qvyue

1. Vue是什么?

是一款javaScript渐进式框架 Vue是一款友好的灵活的多途径且高性能的javaScript框架,可维护和测试更强的代码

1.1 作用:动态构建用户页面

和其他前端框架的关联 三大主流框架:angular(国外主流) react Vue

1.借鉴了angular的模板和数据绑定技术

2.借鉴了react的组件化和虚拟DOM技术

1.2 Vue扩展插件

vue-cli: Vue 脚手架

vue-resource: ajax请求, 官网已经不推荐使用了,推荐axios

vue-router: 路由

vuex: 状态管理

vue-lazyload: 图片懒加载

vue-scroller : 页面滑动相关

element-ui: 基于vue的UI组件库(PC端)

mint-ui: 基于vue的UI组件库(移动端)

1.3 Vue全家通, vuejs + vue-router + vuex+ axios
  1. 声明式渲染 (不关心是如何实现的用就可以了)
  1. 组件系统 (大型项目,很多部分可以复用,这就是组件)
  1. 客户端路由(vue-router)
  1. 大规模状态管理(vuex)
  1. 构建工具(vue-cli)
1.4 渐进式的理解

当核心库不能够满足需求在下载插件

Vue简介
22285013-c768406ee19f6645.png
1.5 MVC

model模型 view视图 controller控制器

Vue简介
22285013-20ec9524c3e7f251.png
1.6 MVVM双向

model 模型 view视图 viewModel 视图模型

当Model数据改变触发——>Data Bindings控制器——->改变view

当View视图改变触发——>DOM Listeners监听器——–>改变model

Vue简介
22285013-bcfd01d513645a11.png

2.安装Vue

Vue兼容性

Vue不支持IE8及以下版本,因为Vue使用的是IE8无法模拟的ECMAScript 5特性。vue.js支持所有兼容ECMAScript 5的浏览器.

2.1直接使用script引入

直接下载并用标签引入,Vue会被注册位一个全局变量。 引入在线CDN

 
2.1 npm安装
npm init -y
//会生成一个package.json文件,这个文件用来描述项目的依赖,
//不能有大写 特殊字母 中文,而且不要和安装的包的名字相同
npm install vue -S

原著:无为

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:qvyue@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。