Vue项目目录:
目录解析:
最主要的文件夹是src文件夹
对于每个Vue应用,都需要实例化Vue:
var vm = new Vue({
//内容
})
实例化的时候都可以设置什么呢?
<div id="vue_det">
<h1>site : {{site}}</h1>
<h1>url : {{url}}</h1>
<h1>{{details()}}</h1>
</div>
<script type="text/javascript">
var vm = new Vue({
el: '#vue_det',
data: {
site: "菜鸟教程",
url: "www.runoob.com",
alexa: "10000"
},
methods: {
details: function() {
return this.site + " - 学的不仅是技术,更是梦想!";
}
}
})
</script>
el:可以绑定某一个元素,这个元素内部的都可以共享Vue
data:data里可以进行数据绑定。
methods:这里可以绑定方法。
{{}}可以进行数据绑定
数据的变化也会引起视图的变化,视图的变化也会影响数据的变化
使用$访问el,data,methods属性
vm.$el
vm.$data
vm.$methods
直接访问数据:
vm.site
vm.url