手记

【备战春招】第十四天+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函数。

继续加油!

























0人推荐
随时随地看视频
慕课网APP