Vue学习

				document
js:可改变 HTML 元素、属性 和 css样式 事件作出反应
查找HTML元素
	document.getElementById("id名")
	document.getElementByTagName("标签名") 
	document.getElementByClassName("类名")
改变HTML内容
	document.getElementById("id名").innerHTML = " "		//改变HTML内容
	document.getElementById("id名").src=""				//改变HTML属性
改变HTML样式
	语法：document.getElementById(id).style.property=新样式
		document.getElementById("id名").style.color = "blue"
对事件作出相应
	onclick = document.getElementById("id名").innerHTML = " "
添加事件监听
	element.addEventListener(事件, 调用的函数);
	
	element.addEventListener("click", myFunction);
	function myFunction() {
	    alert ("Hello World!");
	}
Vue 模板语法
数据绑定最常见的形式就是使用 {{...}}（双大括号）的文本插值：
	{{message}}
el：类名 id名 
data：数据
		new Vue({
				el:'#app',
				data:{
					message:'hellworld js!',
					 seen:true
				}
			})
指令：
v-html	//输出html
	<div v-html="message"></div>
v-if
	<p v-if="seen">现在你看到我了</p>
		//v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。
v-on  @
	监听 DOM 事件：
	<a v-on:click="doSomething">
	缩写：<a @click="doSomething">

v-bind 
	<pre><a v-bind:href="url">菜鸟教程</a></pre>
	缩写：<pre><a ：href="url">菜鸟教程</a></pre>
v-model
 	v-model 指令来实现双向数据绑定
 	<input v-model="message">
<script>
new Vue({
  el: '#app',
  data: {
    message: 'Runoob!'
  }
})
</script>