vue.js框架的简单使用（入门）

简单使用
下载导入vue.js包
前端标签显示处理vue变量
< div id=“vue_det”>
< h1>site : {{site}}</ h1>
< h1>url : {{url}}</ h1>
< h1>{{details()}}</ h1>
</ div>
js创建vue对象，设置数据
var vm = new Vue({
el: ‘#vue_det’, //这是一个属性选择器
data: {
site: “菜鸟教程”,
url: “www.runoob.com”, //注意是冒号
alexa: “10000”
},
methods: {
details: function() {
return this.site + " - 学的不仅是技术，更是梦想！";
}
}
})