文档介绍:为什么存在框架?
2021/1/25
1
vue框架入门
主流框架分析
纯模板引擎:最少的就是纯模板引擎,只管状态到界面的映射。
React和Vue:其实这两者都是非常专注的只做状态到界面映射,以及组件。
Backbone:它会给你多一些架构上指导,比如它会让你分层。
Angular:它做的事情就更多,它有自己的路由,这些都会包含在里面。
Ember:相比Angular,Ember做得就更加彻底,Ember信奉的是约定优于配置,它会将一切都帮你设计好打包好,你就开箱用就可以了。
Meteor:Meteor只是一个极端,它是从前到后全都包含,从前端到数据层到数据库,全都帮你打包好。
2021/1/25
2
vue框架入门
React+ & Vue+
2021/1/25
3
vue框架入门
Vue 现状
2021/1/25
4
vue框架入门
Vue 现状
2021/1/25
5
vue框架入门
简介
(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。
2021/1/25
6
vue框架入门
2021/1/25
7
vue框架入门
MVVM
Demo001
2021/1/25
8
vue框架入门
生命周期
Demo005
每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如,实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ,然后在数据变化时更新 DOM 。在这个过程中,实例也会调用一些 生命周期钩子 ,这就给我们提供了执行自定义逻辑的机会。
2021/1/25
9
vue框架入门
模板语法
使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。
在底层的实现上, Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。
Demo003
2021/1/25
10
vue框架入门