VUE el与data的数据

• el 有2种写法

1. new Vue 时候配置el属性
2. 先创建 Vue 实例，随后再通过 vm.$mount('#root') 指定 el 的挂载点

• data 有2种写法

1. 对象式
2. 函数式（在组件中，data 必须使用函数式）

常规定义方式：
 

<script type="text/javascript">
    Vue.config.productionTip = false
    const vm = new Vue({
        el:'#root',
        data:{
        data1:'单向绑定',
        data2:'双向绑定'
        }
     })
</script>

第二种定义方式：
 

<script type="text/javascript">
    Vue.config.productionTip = false
    const vm = new Vue({
    // 此处函数不能写为箭头函数 ，否则 this 指向 window,如下
    // data:()=>{
    data() {
        return {
        data1:'单向绑定',
        data2:'双向绑定'
            }
        }
    })
    vm.$mount('#root')
</script>