Vue声明式编程 摘要 • 声明式与图灵完备性 • 声明式与UI编程的演进 • 声明式与UI架构 • 声明式与交互 声明式与图灵完备性 声明式 • 我们对语⾔言有很多划分的维度 • 声明式 vs 命令式 • 声明式语⾔言：HTML XML CSS SQL • 命令式语⾔言：C++ Java JavaScript 图灵完备性 • 图灵完备：“可计算性” • 命令式的图灵完备性：if/for， 声明式的图灵完备性：if/递归 Vue的Template的图灵完备性 • 实际上Vue的组件系统具有图灵完备性 • 使⽤用Vue计算阶乘 • 使⽤用Vue计算斐波那契数列列 声明式与UI编程 UI编程 • 70年年代 MVC诞⽣生 ⼈人们意识到视图应该被独⽴立抽象 • 80年年代 标记语⾔言⼤大热 最初更更与⽂文本相关 • 90年年代 可视化编辑器器出现 “独⽴立的UI代码⽂文件” Recycle Pool Visible Area 声明式与UI架构 MVVM • MVC => MVP => MVVM ⼀一脉相承的演化 • MVVM是为声明式/多语⾔言量量身定做的编程模型 MVVM的数据绑定 • 数据绑定是声明式的数据与UI通讯 • ⼀一些逻辑中数据绑定不不需要命令式代码 声明式数据交换 交互的抽象 ⼿手势 时间 陀螺仪 …… 位置 透明度

译模板。 内联所有 Vue 核心内部包——即：它是一个单独的文件，不依赖于其他文件，这意味着你必须导 入此文件和此文件中的所有内容，以确保获得相同的代码实例。 包含硬编码的 prod/dev 分支，并且 prod 构建是预先缩小的。使用 *.prod.js 用于生产 的文件。 提示 全局打包不是 UMD (opens new window) 构建的，它们被打包成 IIFEs (opens ； 与全局构建共享相同的运行时编译、依赖内联和硬编码的 prod/dev 行为。 使用构建工具像 webpack ， rollup 和 parcel 。 TODO：将 prod/dev 分支留给 process.env.NODE_ENV guards (需要更换构建工具) 不提供最小化版本 (捆绑后与其余代码一起完成) import 依赖 (例如： @vue/runtime-core 。这个特殊的 null 值可以被显性地 用于移除绑定。任何其它非字符串类型的值都将会触发一个警告。 动态参数表达式有一些语法约束，因为某些字符，如空格和引号，放在 HTML attribute 名里是无 效的。例如： 1. 2. ... 变通的办法是使用没有空格或引号的表达式，或用计算属性替代这种复杂表达式。

js SFC 跨端复⽤用 不不可复⽤用 快速移植 H5, 快应⽤用 ⽀支持转换 H5 ⾃自动构建 本身⽆无构建 webpack 构建 内置构建 上⼿手成本 全新学习 熟悉 Vue.js 即可 Vue.js 和 wepy 集中数据管理理 不不⽀支持 Vuex Redux 引⼊入代码 ⽆无增量量 50K SKD 模板代码 + 框架SDK 框架能⼒力力对⽐比 去哪⼉儿 anu 京东 taro

change event」，实现了全 v-model 使用组件。 维护状态 Element Plus 与 Element UI 一样依然是饿了么团队开发支持和维护。前段时间传闻 Element UI 无 维护，不更新了。其实只是团队在全力开发 Element Plus 而已。Element 团队的迭代速度有目共睹 可放心使用。 Ant Design Vue 是 Ant Design的 Vue 实现，UI

员，吃喝玩乐，now直播等多项业务，具有较 丰富架构经验，著有书籍《现代前端技术解 析》 React组件的运行质 量监控方案 主要讲解react组件异常日志 的捕获方式与性能问题，包 括全局捕获、入侵式捕获和 无痕方式捕获。帮助react组 件开发者调试和线上质量改 进 WebAssembly作为一种新的 面向web的二进制格式，从 设计之初，就以其高效和可 陈映平 陈映平（程序猿小卡），云汉金融科技前端负