这篇文章主要免费云主机域名为大家展示了“Vue3中setupscript怎么用”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“Vue3中setupscript怎么用”这篇文章吧。Vue3已经发布很长一段时间了，相信大多数前端人都已经上手把玩过了，其中比较大的一个特性就是setup方法，可以让我们非常直观和方便的组合我们的业务逻辑和hooks。在setup里面返回的变量可以直接在template里面使用。大多数情况下，我们的大部分逻辑都集中在setup方法里面，所以官方提供了一个实验性的写法，直接在script里面写setup的内容，即：setup script。我们之前的组件可能是这样的：这里做了两件事，一个是导入并注册组件，一个是导出一个字符串给template使用。启用setup script之后是这样的：这里省去了组件的注册步骤，也没有显式的导出变量的动作。虽然是实验性功能，但还是开箱即用，你只需要在script上配置setup即可。在setup script里面定义的所有变量都会自动导出。非常方便所有的组件导入即可自动注册：使用props需要用到defineProps来定义，具体用法跟之前的props写法类似：给props定义类型：使用TS的注解的方式：使用defineEmit对组件里面使用到的事件进行验证和定义：具体的用法跟之前的一样。使用useContext获取上下文：获取到的slots attrs跟之前的setup里面的是一样的。指令跟组件一样，导入自定注册：导入的color自动映射为指令v-colorsetup script代码看起来简单了很多，开发效率大大的提高。但是很遗憾它还只是一个实验性功能，提出的时间是：2020-10-28，至今还未发布。不过好消息是：不管怎么样，小伙伴可以在本地体验一波，会整体提升幸福感。记住不要在生产环境使用哦。以上是“Vue3中setupscript怎么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注百云主机行业资讯频道！
这篇文章主要介绍了Golang关键字defer怎么使用的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇Golang关键字defer怎么使用文章都会有所收获，下面我们一起来看看吧。defer是Go里面的一个关键字，用在方法或函数前面，…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
