Vue.js初次尝试(一)

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容