03el和data的两种写法

data与el的2种写法

1.el有2种写法

(1).new Vue时候配置el属性。

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

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

 const v = new Vue({
	data:{
		name:'尚硅谷'
		}
	})
		
v.$mount('#root') //第二种写法 */

2.data有2种写法

(1).对象式

 new Vue({
          el:'#root',
          data:{
            name:'尚硅谷'
          }
     })

(2).函数式,必须要有return

 data: function () {
         return {
              name: '写法2的data'
          }

 }

或者可以简写为下面的形式

data(){
	return{
		name:'尚硅谷'
		}
}

如何选择：目前哪种写法都可以，以后学习到组件时，data必须使用函数式，否则会报错。

3.一个重要的原则：

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