vuedemo-279-3
/
生命周期.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			{{msg}}
			<button @click="changeMsg">点我</button>

			<hr>
			<!--做隐藏 或显示 不会进行组件的删除 和 创建  而只是改变display-->
			<keep-alive><test v-if="testShow"></test></keep-alive>
			<button @click='changeFlag'>点击隐藏</button>
			<button @click='changeFlag1'>点击显示</button>
		</div>

		<script src="js/vue.js" type="text/javascript"></script>
		<script src="js/main.js">
		</script>

	</body>
</html>