第二步，在主题元素下插入div标签元素，并在其中插入一个input输入框和一个按钮，利用v-on指令绑定点击事件queryDate，如下图所示：
第三步，在div标签下方编写vue.js点击事件，事件是获取当前日期，如下图所示：
第四步，为了让输入框和按钮有间距，这里设置body元素样式，如下图所示：
第五步，预览该静态页面，然后点击按钮，发现输入框没有值，调试下发现错误，缺少jquery核心js文件，如下图所示：
第六步，引入jquery核心js文件后再次预览页面，并单击按钮，这时日期就显示在输入框内，如下图所示：
事件被触发时，你绑定的函数才被调用，aArr[i].onclick=ck这样写才可以，但ck函数就要修改成：function ck(){
var url=this.getAttribute('href')
window.open(url,"nav","width=400 height=300")
}
<body onload="init()"><div id="check_list">
<input type="checkbox" value="1" />测试1
<input type="checkbox" value="2" />测试2
<input type="checkbox" value="3" />测试3
<input type="checkbox" value="4" />测试4
<input type="checkbox" value="5" />测试5
<input type="checkbox" value="6" />测试6
<input type="checkbox" value="7" />测试7
</div>
</body> function init(){
var list = document.getElementById("check_list")
list.onclick =function(e){
e = e ? e : window.event
var target = e.target || e.srcElement
if(target.value < 6){
alert(target.value + ":" + (target.checked ? "Y" : "N"))
}
}
}
