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

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

      

    

【vue.js权威指南】读书笔记(第一章)的更多相关文章

  1. HTTP权威指南读书笔记——第一章(HTTP概述)

    1.HTTP(Hypertext Transfer Protocol,超文本传输协议)是在万维网上进行通信时所使用的协议方案,HTTP是应用层协议,无需关心网络通信的细节,细节交给了传输层协议TCP/ ...

  2. JS权威指南读书笔记(一)

    第一章 JavaScript概述 1 JS是一门高端的.动态的.弱类型的编程语言,非常适合面向对象和函数式的编程风格.   第二章 词法结构 1 JS程序是用Unicode字符集编写的. 2 JS是区 ...

  3. JS权威指南读书笔记(七)

    第十七章 事件处理 1 客户端JS程序采用了异步事件驱动编程模型. 2 关于事件的重要定义     a 事件类型(event type)     b 事件目标(event target) target ...

  4. JS权威指南读书笔记(六)

    第十五章 脚本化文档   1 文档对象模型(DOM)是表示和操作HTML和XML文档内容的基础API. 2 文档节点的部分层次结构 Text和CDATASection都是characterData的子 ...

  5. JS权威指南读书笔记(五)

    第十三章 Web浏览器中的JavaScript 1 在Html文档中嵌入客户端4种JS代码方法     a 内联方式,放置在<script>标签之间     b 放置在<script ...

  6. JS权威指南读书笔记(三)

    第七章 数组 1 数组的实现是经过优化的,用数字索引来访问数组元素一般来说比访问常规的对象属性要快的多. 2 数组直接量的语法允许有可选的结尾的逗号,故[ ; ; ]只有两个元素而非三个. 3 调用构 ...

  7. JS权威指南读书笔记(四)

    第十章 正则表达式 1 正则表达式直接量定义为包含在一对斜杠(/)之间的字符     a /s$/ == new RegExp("s$") 2 直接量字符:所有字母和数字都是按照字 ...

  8. JS权威指南读书笔记(二)

    第四章 表达式和运算符 1 new调用构造函数的过程     a 创建一个新的空对象     b 设置空对象的_proto_指向构造函数原型prototype     c 将这个新对象当做this的值 ...

  9. 【vue.js权威指南】读书笔记(第二章)

    [第2章:数据绑定] 何为数据绑定?答曰:数据绑定就是将数据和视图相关联,当数据发生变化的时候,可以自动的来更新视图. 数据绑定的语法主要分为以下几个部分: 文本插值:文本插值可以说是最基本的形式了. ...

随机推荐

  1. windows批处理语法

    写批处理文件,除了了解基本语法外,你还需要熟悉常用的windows命令,那就先看看这篇文章:windows常用命令 #重要说明 文件及目录路径:要使用反斜杠'\',不要使用正斜杠'/' 如:del d ...

  2. Linux下的tmpfs文件系统(/dev/shm)

    转自:http://www.2cto.com/os/201411/354888.html 介绍 /dev/shm/是一个使用就是tmpfs文件系统的设备,其实就是一个特殊的文件系统.redhat中默认 ...

  3. C++基本语法

    一.static成员变量和static成员函数 1.普通成员变量每个对象有各自的一份,而静态成员变量一共就一份,为所有对象共享 2.普通成员函数必须具体作用于某个对象,而静态成员函数并不具体作用于某个 ...

  4. 复利计算--结对项目<04-11-2016> 1.0.0 lastest 阶段性完工~

    结对项目:Web复利计算 搭档博客地址:25江志彬  http://www.cnblogs.com/qazwsxedcrfv/ 个人摘要: (2016-04-09-12:00)补充:之前传送门没做好, ...

  5. c++2008 并行配置文件和获取字典的所有key的方法

    1 需要 在官网 下载对应的执行包... 2, # !/usr/bin/python3.4 # -*- coding: utf-8 -*- b = { 'video':0, 'music':23 } ...

  6. Daily Scrum Meeting ——SixthDay

    一.Daily Scrum Meeting照片 佳恺请假了...可能去约会了罢 二.Burndown Chart 欣慰,但是还是感到"鸭梨山大"! 三.项目进展 1.活动列表查询功 ...

  7. 关于jqgrid数据不显示问题

    近日有个需求要用到jqgrid,原本用着一切都很顺利,但是在需求变动后,只是修改部分字段名称jqgrid就不显示数据了,后台数据也能传到前台,但是就是不给我显示,到嘴的肉就是没法吃,蛋疼,郁闷都无法形 ...

  8. NOI 题库 6266

    6266  取石子游戏 描述 有两堆石子,两个人轮流去取.每次取的时候,只能从较多的那堆石子里取,并且取的数目必须是较少的那堆石子数目的整数倍.最后谁能够把一堆石子取空谁就算赢. 比如初始的时候两堆石 ...

  9. MySQL-多条件拼接语句

    BEGIN "; SET @_where=""; THEN SET @_where= CONCAT(@_where," AND sourcedomain=\&q ...

  10. Android 上传图片并添加参数 PHP接收

    php端接收代码: public function get_file(){ $local_path = "./Public/daixu_picture/figure/";//服务器 ...