Vue date与el的两种写法

1.el有2种写法

（1）.new Vue时候配置el属性

 Vue.config.productionTip=false //阻止vue在启动时生成生产提示

new Vue({

                el:'#root',  //el用于指定当前vue实例为哪个容器 值通常为csss选择器字符串

                data:{

                    name:"world"

                }

            })

（2）先创建Vue实例，随后再通过vm.$mount('#root')指定el的值

 Vue.config.productionTip=false //阻止vue在启动时生成生产提示

            const x=new Vue({

                el:'#root',  //el用于指定当前vue实例为哪个容器 值通常为csss选择器字符串

                data:{

                    name:"world",

                }

            })

2.data有2种写法

(1).对象式

  const x=new Vue({

                data:{

                    name:"world"

                }

            })

(2).函数式

new Vue({

        el:'#root'

})

data(){

    console.log('@@@',this)

    return{

          name:'world'

       } 

}

由Vue管理的函数，一定不要写箭头函数，一旦写了箭头函数，this就不再是Vue实例了