vue3使用setup代替created
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>
更多推荐
已为社区贡献1条内容
所有评论(0)