0


vue3使用setup代替created

vue2中的created可使用vue3中的setup()来代替。
setup() :开始创建组件之前,在beforeCreate和created之前执行。创建的是data和method。
如果想要在页面创建时就执行方法,
vue2:

<script>exportdefault{components:{},data(){return{};},methods:{func1(){
        console.log("func1");},},created:{this.func1()//注意vue3中已经不支持使用this.}}</script>

vue3:

<script>exportdefault{setup(){constfunc1=()=>{
        console.log("func1");}func1();//因为setup()即相当于created:  所以直接调用就行了return{};},}</script>

vue3使用setup语法糖:

<script lang="ts" setup>constfunc1=()=>{
    console.log("func1");}func1();//因为setup即相当于created:   </script>
标签: javascript vue.js vue

本文转载自: https://blog.csdn.net/m0_46368082/article/details/126899249
版权归原作者 CA-L 所有, 如有侵权,请联系我们删除。

“vue3使用setup代替created”的评论:

还没有评论