简介
想要使用Vue我们必须创建一个Vue的实例,然后在实例中写一些配置项。
创建一个Vue实例
每一个Vue应用都是通过Vue函数创建一个新的Vue实例开始的:
var vm = new Vue({
//配置项
})
数据与方法
当一个Vue实例被创建时,它向Vue的响应式系统中加入了其data对象中能找到的所有属性。当这些属性的只发生改变,视图将会产生相应。
<body>
<div id="app">
<span>{{msg}}</span>
</div>
<script>
var vm = new Vue({
el:"#app",
data:{
msg: "hello Vue"
}
})
</script>
<script src="Vue.main.js"></script>
</body>
界面会输出hello Vue
代码讲解
el:"#app":是一个域告诉Vue挂载id为app的域下可以解析所有关于Vue的数据。
data:定义整个页面的所有数据,相当于一个model。
不积跬步无以至千里,不积小流无以成江海
网友评论