el两种写法

法一：建立了联系

	
hello,{{name}} 
 {插值语法}}	 -->

法二：取消连接 使用 v.$mount('#root');

    
hello,{{name}} 
 {插值语法}}	 -->

这种方式更加灵活：比如在定时器中 3s进行关联

    
hello,{{name}} 
 {插值语法}}	 -->

mount 挂载到页面指定位置,容器 、实例 ，将容器中的模板给实例进行解析，解析的内容重新挂载到页面的位置

data：两种写法

法一：写成对象

    const v = new Vue({// el: '#root',data: {name: 'Amy'},});

法二：函数式：返回值是我们需要的内容

        //接收实例const v = new Vue({// el: '#root',// data: {//     name: 'Amy'// },data:function(){return{//必须返回对象name: 'Amy'}}});

用到组件的时，要使用函数式  

data属性成了一个函数，函数是Vue帮我们调用的：这里面的this是Vue实例对象，使用的是普通函数，如果写箭头函数 this是全局的window,因为箭头函数没有自己的this得往外面找

        //接收实例const v = new Vue({// el: '#root',// data: {//     name: 'Amy'// },data:function(){console.log(this)return{//必须返回对象name: 'Amy'}}});

 简化：

     data(){console.log(this)return{//必须返回对象name: 'Amy'}}

el的两种写法：直接配置、使用v.$mount()指定

data的两种写法：对象式、函数式

组件的时候必须用函数式 否则报错

vue管理的函数  千万不要写成箭头函数，一旦写箭头函数，this就不是vue实例了

目前Vue管理的函数有data