vue.js权威指南读书笔记（第一章）

Posted 2020-08-16

　　最近在读新书《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，真是由衷的感到欣慰。

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