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>