vue按钮触发不了

<script>
	/*按钮点击事件不能写在new vue之前,否则会触发不了*/
	/*document.getElementById("test").onclick = function(){
		alert(11);
	};*/
	new Vue({
		el: '#app',/*使用Vue要在此定义的ID下面*/
		data: {
			message: 'Hello World!',
			strSuppAddress:'1111',
			html:'<font color="red">这是我的标题</font>',
			 value: "content"
		}
	})
	
	document.getElementById("test").onclick = function(){
		alert(11);
	};
</script>

在学习vue时，发现点击事件写在new vue() 之前会触发不了点击事件，要将点击事件放在new vue() 之后才能触发点击事件