实例化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>
网友评论