zoukankan      html  css  js  c++  java
  • 【vue.js权威指南】读书笔记(第一章)

      最近在读新书《vue.js权威指南》,一边读,一边把笔记整理下来,方便自己以后温故知新,也希望能把自己的读书心得分享给大家。

      【第1章:遇见vue.js】

    • vue.js是什么?
      • vue.js不是一个框架—它只聚焦视图层,是一个用来构建数据驱动的Web界面的库。Vue.js通过简单的API来提供高校的数据绑定和灵活的组件系统
    • vue.js的特性
      • 轻量级:体积非常小,而且不依赖其他基础库
      • 数据绑定:对于一些富交互,状态机类似的前端UI界面,数据绑定非常简单,方便
      • 指令:类似与AJ,可以使用v-*的指令形式,同时还可以自定义指令
      • 插件化:vue.js本身并不包括路由,ajax,以及表单验证等功能,但是我们可以通过加载对应的插件来实现这些功能,要知道,加载这些插件也是非常简单的
    • 如何使用vue.js呢?
      • vue.js的安装方法一般有三种:可以通过script标签直接引入,当然引入CDN文件是必须的;第二种是可以通过npm来进行安装,命令:npm install vue --save-dev;第三种是可以通过bower安装,如bower i vue --save-dev。vue.js的安装还是比较简单的,这里就不再赘述了。
      • 地球人都知道的它:hello world
        • <div id="didi-navigator">
              <ul>
                  <li v-for="tab in tabs">
                      {{tab.text}}
                  </li>
              </ul>
          </div>
          
          var vm = new Vue({
              el:"#didi-navigator",
              data:{
                  tabs:[
                      {text:"巴士"},
                      {text:"快车"},
                      {text:"专车"},
                      {text:"顺风车"}
                  ]
              }
          });
              

             (插入完代码,竟然不会排版了 - -! 小弟也是醉了,大家伙凑乎看吧。)

     

    • 接下来书中介绍了vue.js的发展历史,大家可以自行Google,网上很多。

    • 国人的作品在github上能得到这么多Star,真是由衷的感到欣慰。

    • 希望大家能努力学习进步,早日开发出自己的框架,为国内的程序员争光,第一章就介绍到这里,接下来是第二章:数据绑定。

     

          

        

  • 相关阅读:
    如何在Linux下的C++文件使用GDB调试
    21天学通C++(C++程序的组成部分)
    嵌入式Linux应用程序开发
    项目部署的问题
    未解决
    报错
    随笔
    逆向工程出现的错误1
    jpa学习
    springmvc整合mybaits
  • 原文地址:https://www.cnblogs.com/daitoudage/p/6001969.html
Copyright © 2011-2022 走看看