【九月打卡】第12天Vue3+ElementPlus+Koa2 全栈开发后台系统

学习课程名称：Vue3+ElementPlus+Koa2 全栈开发后台系统
章节名称：项目规划
讲师姓名：河畔一角

---

课程内容：

1. 项目开发流程
2. 如何理解通用后台
3. 需求介绍
4. vue3直通车
5. vue3和vue2的差别

---

自Vue3发布后，很多开发者对Vue3提出的组合式API，很是追捧

的确组合式API（Composition API）相对于选项式API，代码复用性更高，可读性更好；如果项目中全面使用Composition API，会使得项目复杂度猛增。个人觉得还是理性对待，通过评审及对比，结合业务特点选择性使用。

Vue3升级，也考虑到兼容Vue2,所以我们老的项目，可以很好的平滑过渡为Vue3（以最小的代价），说到往下兼容，自然语法上面跟Vue2保持一致。

模板渲染：还是熟悉的{{}}

事件绑定：v-on或者@

属性绑定：v-bind或者：

class绑定：

<fans-tab :class="{active: isActive}"/>

style绑定：

<fans-tab :style="{fontSize: fontSize+'px'}"/>

条件渲染：v-if v-else v-else-if v-show

循环：v-for

事件修饰符：

.stop 防止冒泡
.prevent 阻止默认事件
.capture 捕获（谁有该事件修饰符，就先触发谁）
.self 触发条件：当前点击事件绑定的元素和被点击元素一致
.once 只能点击一次
.passive 不阻止默认事件（提早告诉，提高性能）
按键修饰符：enter tab delete等等

表单绑定：v-model

表单修饰符：

.lazy 在change时，而非input时更新

number 自动将用户输入的值转化为数值

trim 自动过滤用户输入的首尾空白字符

---