简单的数据双向绑定

开始了Vue的学习，交给大家一个简单的数据绑定。
用到的几个Vue命令
v-if 根据表达式的真假来插入和删除元素
v-else ：v-else指令为v-if添加一个else块
v-show：控制切换一个元素的显示和隐藏
v-on：为HTML元素绑定事件监听
v-model：将用户的输入同步到视图上
v-bind：绑定HTML元素的属性
v-for：遍历data中的数据，并在页面进行数据展示

	
	



	

		用户名：
		

		密码:
		

		性别：
		男
		女
		

		爱好：
		吃
		
		玩
		
		睡觉
		
		return
		
		

		整
		

		

		用户名：{{name}}
		

		密码：{{password}}
		

		性别：{{sex}}
		

		爱好：{{arr}}