学习课程名称:Vue3+ElementPlus+Koa2 全栈开发后台系统
章节名称:项目规划
讲师姓名:河畔一角
课程内容:
- 项目开发流程
- 如何理解通用后台
- 需求介绍
- vue3直通车
- 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 :/>
条件渲染: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 自动过滤用户输入的首尾空白字符