学习课程：前端工程师2022版-vue基础入门
lesson33：数据校验插件开发实例1-8 数据校验插件开发实例-慕课网体系课 (imooc.com)
lesson34：Setup 函数的使用2-1 Setup 函数的使用-慕课网体系课 (imooc.com)
讲师：Dell老师
今天继续昨天的课程安排，学习了数据校验插件开发实例和Setup 函数的使用。
我们可以独创一个语法，可以写一个rules。里面可以写需要校验的属性名字的对象，里面的validate属性后面跟一个函数，函数的内容为一个判定条件，可以是一个表达式。还有一个属性可以写成message，后面的值为字符串。作用是当上面判定条件为真时，就会返回定义的字符串；为假就不返回定义的字符串。
我们可以通过混入的方式，对rules进行循环，获取校验的对象。通过this.$watch来监听对象，当监听对象的属性发生改变，符合我们定义的规则就打印对应的message。
我们还可以对mixin进行插件封装，这样可以是校验的可读性和可扩展性要比单独写一个mixin要好很多。
vue3提供了新的语法，就是compositionAPI。取而代之必须使用setup这个函数，这个函数是在created实力被完全初始化之前执行。
setup函数中不能使用this指向，也不能调用外部定义的方法和生命周期函数，但是外部定义的方法和生命周期函数可以调用setup函数。
继续加油！
点击查看更多内容
为 TA 点赞
评论
共同学习，写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持，我会继续努力的～
扫码打赏，你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫，即可进行扫码打赏哦