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 + " - 学的不仅是技术，更是梦想！";

}

}

})