單向綁定

時間 2019-11-09

標籤單向綁定简体版

原文原文鏈接

<!DOCTYPE html>
<html>
	<head>
		<meta charset="{utf-8}">
		<title>test</title>
		<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
	</head>
	<body>
		<div id="app">
			<h1>name:{{name}}</h1>
			<h1>method:{{say()}}</h1>
		</div>
		
		<script>
			var vm = new Vue({
			el: "#app",
			data: {
				name:"xiaoMing"
			},
			methods: {
				say: function() {
					return "study";
				}
			}
		})
		   vm.name = "xiaoHui";//單向綁定vm -> view
		   var d1 = document.getElementById('d1');
		   d1.innerHTML = 'haha'//視圖變化不會更新vm
		   alert(vm.name);
		</script>
		
	</body>
</html>

複製代碼

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。