Vue_4:el和data的两种写法

<div id="root">你好{{data}}</div>

<script type="text/javascript">

    const v = new Vue({
    
    //el='#root',第一种写法
    
    //data的第一种写法:对象式
    /*data:{
        name:'123'
    }
    */
    //data的第二种写法:函数式(学习组件时必须使用)
    /*data:function(){
        console.log('@@@',this) //此处的this是Vue实例对象
        return{
            name:'123'
        }
    */
    data(){
        console.log('@@@',this) //此处的this是Vue实例对象
        return{
            name:'123'
        }
    }
    
    })    

    v.$mount('#root')//第二种写法  mount:挂载

</script>