【无标题】

---

---

一、Vue中el的两种写法

1、直接在el上指定
代码如下（示例）：

<div id="root">
   <h1>hello,{{name}}</h1>
</div>
<script>
    Vue.config.productionTop=false;
    const vm = new Vue({
        el:'#root',
        data:{
            name:'小乔'
        }
    })

2、通过$mount来指定
代码如下（示例）：

<div id="root">
   <h1>hello,{{name}}</h1>
</div>
<script>
    Vue.config.productionTop=false;
    const vm = new Vue({
        data:{
            name:'小乔'
        }
    })
    vm.$mount('#root')

二、Vue中data的两种写法

注意data不能用箭头函数来指定
1、对象式写法
代码如下（示例）：

<div id="root">
   <h1>hello,{{name}}</h1>
</div>
<script>
    Vue.config.productionTop=false;
    const vm = new Vue({
        el:'#root',
        data:{
            name:'小乔'
        }
    })

2、函数式写法
代码如下（示例）：

<div id="root">
   <h1>hello,{{name}}</h1>
</div>
<script>
    Vue.config.productionTop=false;
    const vm = new Vue({
        el:'#root',
       	data:function(){
			return{
				name:'小乔'
			}
		}
    })