04_el与data的两种写法

我们之前常见的 el 和 data 书写方法是运用如下方式来与容器进行关联的：

但是其实 el 还有另外一种写法，这两者是可以视情况选择的，如下图：

同样的， data 实际上也有另外一种写法，之前我们使用的data写法其实是一种对象式写法，然而data其实还有一种写法，叫做函数式写法，这种写法在之后组件的学习中会非常常用：

其中这个function并不是data调用的，而是Vue帮忙调用的，因此如果我们输出this的话会输出Vue的实例对象。
当然，写function毕竟还是比较麻烦的，我们一般写的时候会选择删掉function和冒号：

总结

 data与el的2种写法
    1.el有2种写法
        (1).new Vue时候配置el属性。
        (2).先创建Vue实例，随后再通过vm.$mount('#root')指定el的值。
    2.data有2种写法
        (1).对象式
        (2).函数式
        如何选择:目前哪种写法都可以，以后学习到组件时，data必须使用函数式，否会报错。
    3.一个重要的原则:
        由Vue管理的函数，一定不要写箭头函数，一旦写了箭头函数，this就不再是Vue实例了。