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:文章来源:https://www.toymoban.com/news/detail-512174.html
<script>
export default {
setup() {
const func1= () => {
console.log("func1");
}
func1(); //因为setup()即相当于created: 所以直接调用就行了
return {
};
},
}
</script>
vue3使用setup语法糖:文章来源地址https://www.toymoban.com/news/detail-512174.html
<script lang="ts" setup>
const func1= () => {
console.log("func1");
}
func1(); //因为setup即相当于created:
</script>
到了这里,关于vue3使用setup代替created的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!