【vue】el和data的两种写法

el的两种写法

    <script>
        var v=new Vue({
            //el:"#root",//第一种写法
            data:{
                msg:"hello",
                msg2:"world",
            },
              
        })
        v.$mount("#root")//第二种写法
    </script>

data的两种写法

    <script>
        var v=new Vue({
            el:"#root",
            //第一种写法：对象式
            /*
            data:{
                msg:"hello",
            }*/

            //第二种写法：函数式
            data:function(){
                return{
                    msg:"你好"
                }
            }
              
        })

    </script>

有vue管理的函数不能写为箭头函数，否则this指向的就不是vue实例了，而是指向window