vue.jsWeb前端之路vue.js之初体验

Vue.js初次尝试(一)

2017-02-27  本文已影响293人  葉糖糖

最近朋友圈的前端大神们总在安利前端框架,于是今天利用一点时间,学习了一下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:刚开始学不要贪多,后续的下一节一起学习。

上一篇下一篇

猜你喜欢

热点阅读