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通讯 • ⼀一些逻辑中数据绑定不不需要命令式代码 声明式数据交换 交互的抽象 ⼿手势 时间 陀螺仪 …… 位置 透明度

JavaScript 中的子组件。为此，可以使 用 ref attribute 为子组件或 HTML 元素指定引用 ID。例如： 1. 例如，你希望以编程的方式 focus 这个 input 在组件上挂载，这可能有用 1. const app = Vue.createApp({}) 2. 3. app.component('base-input' 传入 - 177 - 本文档使用 书栈网 · BookStack.CN 构建 Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数，它比模板更接近编译器。 让我们深入一个简单的例子，这个例子里 render 函数很实用。假设我们要生成一些带锚点的标 题： 1.

2. 编程范例。人们通常展示的典型例子，是一份 excel 电子表格 (一个非常好的例子)。 Your browser does not support the video tag. 如果将数字 2 放在第一个单元格中，将数字

IMWebConf2017 前端开发者大会 尊敬的 先生/女士，您好！ IMWebConf2017 前端开发者大会将于2017年09月在深圳召开。 会议内容 会议内容 作为业内有一定影响力的专业前端技术交流大会，IMWebConf 已经成功举办五届，累计探讨的议题超过上百个，线 上线下参会者达数千人，累计影响前端爱好者超过数万人。 这是一次难得的和国内外以及腾讯前端大神面对面交流的机会。 等，作为分享嘉宾最近参与了 2016 SDCC 中 国软件开发者大会 以及最近的全球首届 vueconf 等技术分享大会 陈申海 现就职于某大型电商网站担任资深前端开发工 程师，非科班野生程序员一枚，5年专业“切图 仔”。目前主要从事WEB前端、node.js开发， 偶尔剑走偏锋涉猎GO/PHP/JAVA开发。同时 是技术实用主义者一枚，没有技术偏见，本 着“简单易用，开心就好”的开发理念投入工作