认识vue

1.认识vue.html如代码

<div id="rood">

<h1>{{name}}</h1><... 插入语法   也可以叫做大扩号语法...>

</div>

const vm=new Vue({

   el:"#rood",//el是挂载的意思
   
    data:{//数据的意思

       name:"张三"//数据里面所储存的值
}
})

2. 理解什么是MVVM

 

<div id="rood"><--view层-->

<h1>{{name}}</h1>

</div>

const vm=new Vue({//MVVM框架 vm层 在这的作用相当于中转站

  el:"#rood",
   data:{    //modle层
     name:"张三"
}

})

3. vue绑定     v-bind：指令的绑定基本用法

<div id="app">
			<!-- <h2 v-bind:title="message">鼠标悬停几秒钟查看此处动态绑定的提示信息！</h2> -->
			<h2 :title="message">鼠标悬停几秒钟查看此处动态绑定的提示信息！</h2> 
          <--v-bind可以简写只写 ：就可以进行绑定-->
		</div>

	const vm = new Vue({
				el:'#app',
				data:{
					message:`页面加载于${new Date().toLocaleString()}`
				}
			})