【备战春招】第十四天+vue复习

学习课程：前端工程师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函数。

继续加油！