每天来点 Vue.js 吧 目录&总结

tags: Vuejs

本次铁人作为进入 Vue 3 的前的粗浅回顾，简单介绍了 Vue 2 官网的内容，虽然有许多不足，中段开始时间调控上做的也不如预期，但在後期加入 3 的法则 後有显着改善了效果，总而言之，很开心顺利的结束，好日子要来了（大误 再乱看片啊），Vue 3 直通车开起来。

就实际应用及写法上官网提供的内容比较简略，本次铁人也没有提及到这部分，在此推推 berwin 的文章，对我帮助甚多。

本系列涵盖内容

Vue 在作者 Evan You 的设计定位中是一套渐进式（The Progressive Framework）框架，框架本身涵盖的内容包含声明式渲染、组件系统、客户端路由、状态管理等，彼此是不耦合的 library，本系列会提及核心的 core library 声明式渲染及组件系统的使用及介绍，内容来源为 Vue2.x 官方 Guide。

目录

历史

Vue 原来是法语？ Vue 的超简短历史介绍

安装起步

工欲善其事，必先利其器 ⚙︎ Vue 开发环境建置

基础使用

一切的基础：Vue instance
Vue instance 生命周期 ✦
Vue computed property getter 与 setter 的那些事
Vue computed 与 method 的差异比较

模板

Vue template 模板语法

指令

Vue Class Bindings
Vue Conditional Rendering 条件渲染
Vue v-on 事件处理
v-for 列表渲染
Vue 双向数据绑定的语法糖 v-model ✔︎

component

Vue components 组件的抽象概念 ✏︎
Vue component 父组件向子组件传递数据的方法 - Prop（上）
Vue component 父组件向子组件传递数据的方法 - Prop（下）
Vue 自定义事件 - 抛出子组件数据
Vue component 上该如何使用 v-model ？
对 Vue component 传入非 Prop 的 attribute
Vue 透过 $listeners 在子组件特定元素上监听原生事件
Vue slot：编译作用域、後备内容
Vue slot： 具名插槽
Vue slot：作用域插槽、具名插槽的缩写
Vue 动态组件

以上为此次内容，感谢看到这里的你，我们明天不见 XD。

若是文中有任何错误、错字、想讨论的内容，欢迎各位大大不吝鞭笞指正、交流分享，笔者不慎感激 ✦ ✦ ✦

▶︎ 笔者 github：https://github.com/YUN-RU-TSENG
▶︎ 老王卖瓜之笔者另一篇铁人：每天来点 CSS Specification

▶︎ 倘若不断向深处扎根，似乎就能茁壮成长 - RM

参考资料：

1. Vuejs.org 2.x

ps 之前删补的部分会陆续补上