初始vue、常用指令、{{ }}插值语法

一、初始vue

​<div id="app">
	<h2>{
  {msg}}</h2>
	<h2>{
  {name}}</h2>
	<h2>{
  {age.myage}}</h2>
</div>

<script src="../../vue.js"></script>
<script type="text/javascript">
	const app=new Vue({//声明Vue实例化对象
		el:'#app',//挂载元素  el:element
//data方式一
		// data:{//页面存放的数据
		    // 	msg:'初始Vue',
		    // 	name:'张三',
		    // 	age:{
		    // 		myage:30
	    	// 	}
		// }
//data方式二
		// data:function(){//this是vue实例对象
			// 	return{
			// 		msg:'初始Vue',
			// 		name:'张三',
			// 		age:{
			// 			myage:30
			// 		}
			// 	}
		// }
//data方式三
			data(){
				return{
					msg:'初始Vue',
					name:'张三',
					age:{
						myage:30
					}
				}
			}
		})
</script>

二、常用指令

1.    v-bind绑定属性   v-bind可省略   简写成:title