Vue3初始化写法

最新推荐文章于 2024-06-03 16:05:53 发布

陌一一

最新推荐文章于 2024-06-03 16:05:53 发布

阅读量3k

点赞数

分类专栏： web前端开发文章标签：前端 javascript 开发语言 vue.js 前端框架

本文链接：https://blog.csdn.net/a1598452168YY/article/details/127947526

版权

web前端开发专栏收录该内容

281 篇文章 16 订阅

订阅专栏

Vue3不同于Vue2的初始写法，Vue3中换了一种：

<body>
    <div id="box">
        {{10+20}}
        {{myname}}
    </div>
    <script>
        var obj={
            //data换成函数写法，在return返回值中定义状态
            data(){
                return{
                    myname:"yiyi"
                }
            },
            methods:{

            }
        }
        //Vue3初始化的方法：
        Vue.createApp(obj).mount("#box")
    </script>
</body>

Vue2的写法：

<script>
        new Vue({
            el:"#box",
            data:{
                
            },
            methods:{
                
            }
        })
</script>

Vue2和Vue3不同得到地方在于：