vue实例

实例化vue

 var vm = new Vue({
        el: '#js
        data: {
            site: "简书",
            url: "www.jianshu.com",
            alexa: "10000"
        },
        methods: {
            details: function() {
                return  this.site + " 就是好！";
            }
        }
    })

注意，若报错，查看是不是没有引入vue

import Vue from 'vue'

其中el为DOM中的id，引用该实例

<div id='js'></div>

data为属性，html中可以使用{{}}直接引用

<div id='js'>
{{site}}
</div>

method为自定义函数（方法），可以return返回值

<div id='js'>
{{site}}
{{details()}}
</div>