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
	
v-if

现在你看到我了

//v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。 v-on @ 监听 DOM 事件: 缩写: v-bind
菜鸟教程
缩写:
菜鸟教程
v-model v-model 指令来实现双向数据绑定

 

你可能感兴趣的:(Vue学习)