最近朋友圈的前端大神们总在安利前端框架,于是今天利用一点时间,学习了一下Vue.js。经过简单的学习,总体感觉还不错,我一直认为这个世界上没有糟糕的技术,只有人会糟糕的使用技术。
一、Hello Vue!,跟着文档学Vue
直接上完整源码,因为比较简单。感兴趣的小伙伴,可以直接复制、粘贴代码到你的html文件中看效果。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue.js初次尝试</title>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
{{ message}}
</div>
<script type="text/javascript" language="JavaScript">
var app = new Vue({
el:'#app',
data:{
message:'Hello Vue!'
}
})
</script>
</body>
</html>
PS:刚开始学不要贪多,后续的下一节一起学习。