Vue.js初次尝试(一)

作者: 葉糖糖 | 来源:发表于2017-02-27 13:29 被阅读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:刚开始学不要贪多,后续的下一节一起学习。

相关文章

  • Vue.js初次尝试(一)

    最近朋友圈的前端大神们总在安利前端框架,于是今天利用一点时间,学习了一下Vue.js。经过简单的学习,总体感觉还不...

  • Vue.js初次尝试,模板语法(七)

    缩写,message可以使用msg。那么对于Vue.js指令的缩写,又有哪些黑科技呢?请跟着我,一起往下看。 Vu...

  • Vue.js初次尝试,计算属性(八)

    计算属性,主要用来处理一些复杂的业务逻辑。通过使用计算属性,可让页面模板做到清晰有条理。否则就很像早期的jsp页面...

  • Vue.js初次尝试,组件起步(四)

    随着时间流逝,我们的耳边会听到越来越多的名词例如:响应式、优雅降级、渐进增强、模块化、组件化......不管是约定...

  • Vue.js初次尝试,模板语法(六)

    模板语法对于高效的编写web页面提供了便利。如果你有其他框架或者模板引擎的学习经验那么对于Vue.js的模板语法会...

  • 初次尝试

    受到研究员的启发,朋友圈的引导,第一次尝试写简书,希望能坚持下去,别再长草了!

  • 初次尝试

    器材:魅蓝3S 后期:Snapseed、MIX、Retouch、VSCO 艺考生一枚,还请前辈们指点!

  • 初次尝试

    the words of hand

  • 初次尝试

    下午,像日常一样—刷着朋友圈、打着宅系游戏。但下一秒我始终没有想到,我会穿越,虽然我憧憬过、期待过,但这么草率地穿...

  • 初次尝试

    手痒尝试画一下,感觉还挺累。继续…

网友评论

  • 阳光之城alt:我一直认为这个世界上没有糟糕的技术,只有人会糟糕的使用技术。?这一句话满震撼的
    葉糖糖:@阳光之城_a50f (*^__^*) 嘻嘻……其实是这样的
  • Ruining101:🐶你会不会遇到跨域问题
    葉糖糖:@才袅 这样啊,我明白你的意思了。你是专门负责前端这一块的是吧?你要去请求API来填充数据?是这样吧
    Ruining101: @才袅 项目,开发的时候,由于开发的工具自带的server所以就不知道怎么整了
    葉糖糖:您讲的是哪种情况?是演示的demo还是其他项目?

本文标题:Vue.js初次尝试(一)

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