Vue声明式编程 摘要 • 声明式与图灵完备性 • 声明式与UI编程的演进 • 声明式与UI架构 • 声明式与交互 声明式与图灵完备性 声明式 • 我们对语⾔言有很多划分的维度 • 声明式 vs 命令式 • 声明式语⾔言：HTML XML CSS SQL • 命令式语⾔言：C++ Java JavaScript 图灵完备性 • 图灵完备：“可计算性” • 命令式的图灵完备性：if/for， 命令式的图灵完备性：if/for， if/goto • 声明式的图灵完备性：if/递归 Vue的Template的图灵完备性 • 实际上Vue的组件系统具有图灵完备性 • 使⽤用Vue计算阶乘 • 使⽤用Vue计算斐波那契数列列 声明式与UI编程 UI编程 • 70年年代 MVC诞⽣生 ⼈人们意识到视图应该被独⽴立抽象 • 80年年代 标记语⾔言⼤大热 最初更更与⽂文本相关 • 90年年代 颜⾊色 …… Event Property Expression 使⽤用Vue Directive给元素添加⾏行行为 • Vue directive v-: = expression 使⽤用Vue Directive给元素添加⾏行行为 • Vue directive Q & A

Vue 2017 现状与展望 尤雨溪 @VueConf Beijing 2017.05.20 起源 Origination First commit 2013.06.27 First appearance of “Vue” 2013.12.07 First public release (0.8) 2014.02.01 2014.11.06 v0.11 Cowboy Bebop Bebop 2015.04.20 Discovered by Laravel Community 2015.10.26 v1.0 Evangelion 2016.10.01 v2.0 Ghost in the Shell 进化 Evolution “Just a view layer library” “Just a view layer library” The Progressive Vuetify Vue Material 2016.12.22 - Weex 0.9.4 第一个正式包含 Vue 2.0 的 Weex 版本 Microsoft Build 2017 Anders Hejlsberg presenting Vue + VSCode + TS 2.3 Google I/O 2017 Addy Osmani presenting Vue + PWA Vue 2.3

探索Vue的⾼高级应⽤用 Ant Design Vue ⾥里里的那些”⿊黑科技” 唐⾦金金州 搜狗、蚂蚁⾦金金服、⼀一点资讯 Ant Design Vue的诞⽣生 遇到的问题及解决⽅方案 现状及未来规划 Ant Design Vue的诞⽣生 Why How 不不要怂 就是⼲干 站在巨⼈人的肩膀上 UI=fn(state) 脚本转换 属性声明\传递、状态声明 ⽅方法 or orm-vue-jsx https://zhuanlan.zhihu.com/p/37920151 ⽣生命周期 初始阶段 更更新阶段 销毁阶段 ⽣生命周期 — 初始阶段 beforeCreate created beforeMount render mounted componentWillMount render componentDidMount Vue React ⽣生命周期 — 更更新阶段 beforeUpdate render updated componentWillUpdate render shouldComponentUpdate Vue React componentWillReceiveProps componentUpdated watch componentWillReceiveProps vs watch com

可组合的 Vue Composable Vue, 编写可组合可复⽤的 Vue 函数的最佳实践与技巧 ANTHONY FU Hangzhou, China 2021 Anthony Fu antfu antfu7 Anthony Fu antfu.me Vue 核⼼成员 / Vite 团队成员 VueUse, Slidev, Type Challenges 等项⽬创作者 全职开源 Leniolabs_ Nuxt Vue Mastery Evan You Sponsors IU hiroki osameHunter Liu Ben Hong PENG Rui 琚致远 Jan-HenrikFallDownTh... Johann Backers 在 GitHub 上赞助我 Vue Composition API 组合式 API 什么是组合式 API? 在 Vue 3 中引⼊的⼀种新的编写 中引⼊的⼀种新的编写 Vue 组件的⽅式。