el和data的两种写法

 1.el的两种写法
		
		(1). new Vue时候配置el属性 代码为：
				new Vue({
					el:"#content",
					data:{
						
					}
				})
		(2) 先创建Vue实例，随后通过v.$mount("#content")指定el的值 代码为:
			const v = new Vue({
				data:{}
			})
			v.$mount("#content");
	
	2.data的两种写法：以后学到组件时,data必须使用函数式，否则会报错
		(1)对象式
			data:{
				name:"加油ab"
			}
		(2)函数式
			 data:function(){
				return{
					name:"尚硅谷"
				}
			 }
			 :function()可以删除 简写
	 3.一个重要的原则:
		由Vue管理的函数，一定不要写箭头函数，否则this不再是Vue实例

<div id="content">
			<h1>hello,{{name}}</h1>
		</div>
		<script type="text/javascript">
			Vue.config.productionTip = false;
			const v = new Vue({
				/* el的第一种写法 绑定id */
				//el:"#content",
				/* data的第一种写法 对象式 
				data:{
					name:"加油ab"
				}, */
				/* data的第E二种写法 函数式 */
				 data(){
				 	console.log(this)
				 	return{
				 		name:"尚硅谷"
				 	}
				 }
			})
			/* el的第二种写法 绑定id */
			v.$mount("#content");
		</script>