Vue中el的两种写法和data的两种写法

一、el的两种写法 

1. 在 new Vue 时配置el属性

   new Vue({
       el:'#root'
   })

2. 先创建Vue实例，然后通过 实例.$mount() 方式指定el的值

   const vm = new Vue()
   vm.$mount('#root')

二、data的两种写法 

1. 对象方式

   new Vue({
       el:'#root'
       data:{mesg:'Hello!'}
   })

2. 函数方式，常用于组件中

   new Vue({
       el:'#root'
       data(){
           return {mesg:'Hello!}
       }
   })

   注意：由Vue管理的函数不能写成箭头函数，因为箭头函数没有自己的this，一旦写了箭头函数，this就不再是Vue实例了，故此处的data不能写成箭头函数的形式。