美文网首页
VUE学习-入门

VUE学习-入门

作者: 流年逝去sky | 来源:发表于2019-03-03 22:35 被阅读0次

VUE入门-1

1、官网下载:https://cn.vuejs.org/v2/guide/installation.html

下载开发版本:https://vuejs.org/js/vue.js

2、 创建一个Web工程 将vue.js拷贝到项目中 创建一个html文件

3、创建HelloWorld案例


<!DOCTYPEhtml>

<html>

Hello World

var app= new Vue({

el: "#app",

data: {

content: 'Hello World'

}

})

setTimeout(function(){

app.$data.content='bye World'

},2000)

</script>

</html>


4、打开浏览器查看效果 完成✅

相关文章

网友评论

      本文标题:VUE学习-入门

      本文链接:https://www.haomeiwen.com/subject/sefvuqtx.html