vue3如何使用setup代替created
更新时间:2023年09月13日 09:35:20 作者:CA-L
Vue3中的setup是一个新的生命周期函数,它可以用来代替组件中的 data和一些生命周期函数(如created和beforeMount),这篇文章主要介绍了vue3如何使用setup代替created的相关资料,需要的朋友可以参考下
vue2中的created可使用vue3中的setup()来代替。
setup() :开始创建组件之前,在beforeCreate和created之前执行。创建的是data和method。
如果想要在页面创建时就执行方法,
vue2:
<script> export default { components: { }, data(){ return{}; }, methods: { func1() { console.log("func1"); }, }, created:{ this.func1() //注意vue3中已经不支持使用this. } } </script>
vue3:
<script> export default { setup() { const func1= () => { console.log("func1"); } func1(); //因为setup()即相当于created: 所以直接调用就行了 return { }; }, } </script>
vue3使用setup语法糖:
<script lang="ts" setup> const func1= () => { console.log("func1"); } func1(); //因为setup即相当于created: </script>
总结
到此这篇关于vue3如何使用setup代替created的文章就介绍到这了,更多相关vue3 setup代替created内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
Vue中使用Echarts响应式布局flexible.js+rem适配方案详解
这篇文章主要介绍了Vue中使用Echarts响应式布局flexible.js+rem适配方案详解,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-01-01vue3中keep-alive和vue-router的结合使用方式
这篇文章主要介绍了vue3中keep-alive和vue-router的结合使用方式, 具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-10-10element el-tree组件的动态加载、新增、更新节点的实现
这篇文章主要介绍了element el-tree组件的动态加载、新增、更新节点的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-02-02
最新评论