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

作者：dayAndnight2018

链接：https://blog.csdn.net/Day_and_Night_2017/article/details/85247721

来源：CSDN
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。