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不同得到地方在于:

  • 初始化方式不同;
  • data方式不同;
  • 而且Vue3可以不写el值; 

 

Logo

前往低代码交流专区

更多推荐