<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vue Hello-2</title>
</head>
<body>
<!--这是View -->
<div id="app">
<p>{{message}}</p>
<input type="text" v-model="message">
</div>
</body>
<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript">
//模型数据Model
var exeData = {
message : "Hello World"
};
//创建View实例或ViewModel
//他是连接View与Model的
new Vue({
el : "#app",
data : exeData
})
</script>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>Vue Hello-2</title>
</head>
<body>
<!--这是View -->
<div id="app">
<p>{{message}}</p>
<input type="text" v-model="message">
</div>
</body>
<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript">
//模型数据Model
var exeData = {
message : "Hello World"
};
//创建View实例或ViewModel
//他是连接View与Model的
new Vue({
el : "#app",
data : exeData
})
</script>
</html>