当前位置:首页 > 程序设计 >
《Vue.js实战》电子书封面

Vue.js实战

  • 发布时间:2019年05月14日 10:43:31
  • 作者:梁灏
  • 大小:196.7 MB
  • 类别:Vue电子书
  • 格式:PDF
  • 版本:高质量扫描版
  • 评分:9.4

    Vue.js实战 PDF 高质量扫描版

      给大家带来的一篇关于Vue相关的电子书资源,介绍了关于Vue.js、Vue组件方面的内容,本书是由清华大学出版社出版,格式为PDF,资源大小196.7 MB,梁灏编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:7.9。

      内容介绍

      Vue.js实战

      Vue.js实战 电子书封面

      读者评价

      因为想知道 iView 是怎么做出来,所以看这本书,希望不会失望。 看了几个小时,有一点点失望了。 嗯,例子还是不错的。

      本书讲解的还是比较基础的,基础api讲解占了一大半,关于iview组件的讲解蛮少的,本来挺期待,剖析下iview组件的,好好学习下组件的iview设计与封装,但是只是讲了大概的思维模式,实战篇的项目也比较简单,对新手很友好,如果有在网上实战过vue.js的,写过小项目的,这本书用处不算大

      是一个后端开发者,最近因为工作需求了解VUE,这本书有些写的不太严谨的地方(通过官网才得知)。例如第四章的v-bind:class绑定,不仅仅是true的时候才会展示,而是Truthy,希望下一版本可以更加严谨,语义也更加易于理解。

      内容介绍

      本书以Vue.js 2为基础,以项目实战的方式来引导读者渐进式学习Vue.js。本书分为基础篇、进阶篇和实战篇三部分。基础篇主要是对 Vue.js 核心功能的介绍;进阶篇主要讲解前端工程化Vue.js的组件化、插件的使用;实战篇着重开发了两个完整的示例,所涉及的内容涵盖Vue.js绝大部分API。通过阅读本书,读者能够掌握Vue.js框架主要API的使用方法、自定义指令、组件开发、单文件组件、Render函数、使用webpack开发可复用的单页面富应用等。 本书示例丰富、侧重实战,适用于刚接触或即将接触Vue.js的开发者,也适用于对Vue.js有过开发经验,但需要进一步提升的开发者。

      目录

      • 第1篇  基础篇
      • 第1章  初识Vue.js      3
      • 1.1 Vue.js是什么         3
      • 1.1.1 MVVM模式         3
      • 1.1.2 Vue.js有什么不同      4
      • 1.2  如何使用Vue.js     5
      • 1.2.1 传统的前端开发模式         5
      • 1.2.2 Vue.js的开发模式      5
      • 第2章  数据绑定和第一个Vue应用          8
      • 2.1 Vue实例与数据绑定    9
      • 2.1.1 实例与数据         9
      • 2.1.2 生命周期    10
      • 2.1.3 插值与表达式    11
      • 2.1.4 过滤器         13
      • 2.2  指令与事件   15
      • 2.3  语法糖   18
      • 第3章  计算属性          19
      • 3.1  什么是计算属性   19
      • 3.2  计算属性用法        20
      • 3.3  计算属性缓存        23
      • 第4章  v-bind及class与style绑定   25
      • 4.1  了解v-bind指令    25
      • 4.2  绑定class的几种方式 26
      • 4.2.1 对象语法    26
      • 4.2.2 数组语法    27
      • 4.2.3 在组件上使用    29
      • 4.3  绑定内联样式        30
      • 第5章  内置指令          32
      • 5.1  基本指令        32
      • 5.1.1 v-cloak 32
      • 5.1.2 v-once 33
      • 5.2  条件渲染指令        33
      • 5.2.1 v-if、v-else-if、v-else 33
      • 5.2.2 v-show          36
      • 5.2.3 v-if与v-show的选择 36
      • 5.3  列表渲染指令v-for        37
      • 5.3.1 基本用法    37
      • 5.3.2 数组更新    41
      • 5.3.3 过滤与排序         43
      • 5.4  方法与事件   44
      • 5.4.1 基本用法    44
      • 5.4.2 修饰符         46
      • 5.5  实战:利用计算属性、指令等知识开发购物车        47
      • 第6章  表单与v-model        55
      • 6.1  基本用法        55
      • 6.2  绑定值   61
      • 6.3  修饰符   63
      • 第7章  组件详解          65
      • 7.1  组件与复用   65
      • 7.1.1 为什么使用组件         65
      • 7.1.2 组件用法    66
      • 7.2  使用props传递数据     70
      • 7.2.1 基本用法    70
      • 7.2.2 单向数据流         72
      • 7.2.3 数据验证    74
      • 7.3  组件通信        75
      • 7.3.1 自定义事件         75
      • 7.3.2 使用v-model       77
      • 7.3.3 非父子组件通信         79
      • 7.4  使用slot分发内容        83
      • 7.4.1 什么是slot 83
      • 7.4.2 作用域         84
      • 7.4.3 slot用法      85
      • 7.4.4 作用域插槽         87
      • 7.4.5 访问slot      89
      • 7.5  组件高级用法        90
      • 7.5.1 递归组件    90
      • 7.5.2 内联模板    92
      • 7.5.3 动态组件    93
      • 7.5.4 异步组件    94
      • 7.6  其他        95
      • 7.6.1 $nextTick     95
      • 7.6.2 X-Templates         96
      • 7.6.3 手动挂载实例    97
      • 7.7  实战:两个常用组件的开发        98
      • 7.7.1 开发一个数字输入框组件         98
      • 7.7.2 开发一个标签页组件         106
      • 第8章  自定义指令     118
      • 8.1  基本用法        118
      • 8.2  实战        121
      • 8.2.1 开发一个可从外部关闭的下拉菜单         121
      • 8.2.2 开发一个实时时间转换指令v-time 126
      • 第2篇  进阶篇
      • 第9章  Render函数    133
      • 9.1  什么是VirtualDom        133
      • 9.2  什么是Render函数      136
      • 9.3 createElement用法       140
      • 9.3.1 基本参数    140
      • 9.3.2 约束    143
      • 9.3.3 使用JavaScript代替模板功能  147
      • 9.4  函数化组件   153
      • 9.5 JSX  157
      • 9.6  实战:使用Render函数开发可排序的表格组件      159
      • 9.7  实战:留言列表   172
      • 9.8  总结        183
      • 第10章  使用webpack        184
      • 10.1 前端工程化与webpack       184
      • 10.2 webpack基础配置       187
      • 10.2.1 安装webpack与webpack-dev-server     187
      • 10.2.2 就是一个js文件而已      188
      • 10.2.3 逐步完善配置文件  191
      • 10.3 单文件组件与vue-loader   194
      • 10.4 用于生产环境      201
      • 第11章  插件       206
      • 11.1 前端路由与vue-router        207
      • 11.1.1 什么是前端路由       207
      • 11.1.2 vue-router基本用法         208
      • 11.1.3 跳转  212
      • 11.1.4 高级用法  213
      • 11.2 状态管理与Vuex         216
      • 11.2.1 状态管理与使用场景       216
      • 11.2.2 Vuex基本用法 217
      • 11.2.3 高级用法  221
      • 11.3 实战:中央事件总线插件vue-bus    227
      • 第3篇  实战篇
      • 第12章  iView经典组件剖析     235
      • 12.1 级联选择组件Cascader      236
      • 12.2 折叠面板组件Collapse       249
      • 12.3 iView内置工具函数    257
      • 第13章  实战:知乎日报项目开发   261
      • 13.1 分析与准备 261
      • 13.2 推荐列表与分类 265
      • 13.2.1 搭建基本结构  265
      • 13.2.2 主题日报  267
      • 13.2.3 每日推荐  271
      • 13.2.4 自动加载更多推荐列表  276
      • 13.3 文章详情页 278
      • 13.3.1 加载内容  278
      • 13.3.2 加载评论  281
      • 13.4 总结      286
      • 第14章  实战:电商网站项目开发   288
      • 14.1 项目工程搭建      288
      • 14.2 商品列表页 290
      • 14.2.1 需求分析与模块拆分       290
      • 14.2.2 商品简介组件  291
      • 14.2.3 列表按照价格、销量排序       297
      • 14.2.4 列表按照品牌、颜色筛选       306
      • 14.3 商品详情页 309
      • 14.4 购物 车      313
      • 14.4.1 准备数据  314
      • 14.4.2 显示和操作数据       316
      • 14.4.3 使用优惠码       320
      • 14.5 总结      324
      • 第15章  相关开源项目介绍       325
      • 15.1 服务端渲染与Nuxt.js 325
      • 15.1.1 是否需要服务端渲染       325
      • 15.1.2 Nuxt.js       326
      • 15.2 HTTP库axios       327
      • 15.3 多语言插件vue-i18n   329

      学习笔记

      vue父子组件的数据传递示例

      1.父组件向子组件传递数据 div id="box" aaa/aaa/div template id="aaa" h1模板aaa={{msg1}}/h1 //msg1写在这里是可以的,因为这是父组件内部 //bbb{{msg1}}/bbb //这种写法是不可以的,这是在子组件内部,要在这里显示父组件的数 //据,需要用props定义属性 bbb :m='msg1'/bbb/template var vm=new Vue({ el:"#box", data () { a:'aaa' }, components:{ 'aaa':{ data () { msg1:'父组件的数据' }, template:'#aaa', components:{ 'bbb':{ // props:['m'], //这是一种写法,props以数组的形式定义属性 props:{ 'm':String //这是第二种写法,对象的形式 }, template:'h3这是子组件bbb--{{m}}/h3' } } }, }}) 从这个例子中可以看出,父组件向子组件传递数据,因为每一个组件都是独立的作用域,所以要……

      VueJs组件之父子通讯的方式

      组件(父子通讯) 一、概括 在一个组件内定义另一个组件,称之为父子组件。 但是要注意的是:1.子组件只能在父组件内部使用(写在父组件tempalte中); 2.默认情况下,子组件无法访问父组件上的数据,每个组件实例的作用域是独立的; 那如何完成父子如何完成通讯,简单一句话:props down, events up :父组件通过 props 向下传递数据给子组件,子组件通过 events 给父组件发送 父传子:Props 子传父:子:$emit(eventName) 父$on(eventName) 父访问子:ref 下面对三个进行案例讲解: 二、父传子:Props 组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。要让子组件使用父组……

      以上就是本次介绍的Vue电子书的全部相关内容,希望我们整理的资源能够帮助到大家,感谢大家对码农之家的支持。

      上一篇:Kubernetes in Action

      下一篇:Kotlin从入门到进阶实战

      展开 +

      收起 -

      下载地址:百度网盘下载
      Vue相关电子书
      JavaScript+Vue+React全程实例
      JavaScript+Vue+React全程实例

      这书根据基础知识与开发实践活动紧密结合的观念,选萃当今简易、好用和时兴的百余个JavaScript编码案例,协助阅读者学习培训把握JavaScript开发语言。本书內容详实、重中之重突显、浅显易懂,包含了JavaScript前端开发开发的各个方面。

      立即下载
      Vue企业开发实战
      Vue企业开发实战 扫描版

      本书以Vue.js 2为基础,以项目实战的方式引导读者渐进式学习Vue.js框架。本书分为项目起步、Vue.js介绍、项目插件、项目梳理等部分。

      立即下载
      Vue.js项目实战
      Vue.js项目实战 影印完整版

      Vue实用、灵便、更快,为搭建详细的当代Web运用出示了需要的全部作用,其渐进式的特性也让开发人员可以轻轻松松入门,发布后快速获得了前端工程师工作人员的亲睐。这书由Vue.js关键精英

      立即下载
      Vue.js快速入门
      Vue.js快速入门

      目前单页应用框架层出不穷,其中Vue.js是十分耀眼的项目之一,受到国内外开发人员的极度推崇。 全书分为8章,内容包括Vue.js概述、Vue.js的安装、定义页面、渲染视图、路由、发送HTTP请求、表单的绑定和提交、打包、部署、解决js的跨域问题、Debug、Component、Mixin、Vuex、页面的生命周期等,最后还给出一个实战案例供读者了解Vue.js项目开发过程。 本书适合Vue.js初学者、Web前端开发人员,也适合高等院校和培训学校的师生教学参考。

      立即下载
      Vue.js前端开发:快速入门与专业应用
      Vue.js前端开发:快速入门与专业应用 高清版

      本书分为10章,包括简介、基础特性、指令、过滤器、过渡、组件、状态管理、常用插件、工程实例和Weex打包。本书从简单的单个实例和基础语法,到工程实例,将系统地讲述Vue.js在项目中的

      立即下载
      Vue.js快速入门
      Vue.js快速入门 完整版

      目前单页应用框架层出不穷,其中Vue.js是十分耀眼的项目之一,受到国内外开发人员的极度推崇。

      立即下载
      读者留言
      网友NO.48837
      网友NO.48837

      最近在学vue.js这个框架,反反复复的看了几遍官网的文档,第一遍的时候对很多概念比如组件,插槽不是很理解,第二遍过后,又通过阅读别人的笔记,又加深了理解,但是因为没有实际的项目支持,对掌握这个框架其实并没有很强的自信。Vue的官网入门指南可以说是业界良心了,文档结构优美,思路清晰,例子丰富,而且中文版翻译的很到位,很适合英文功底不是那么深厚的朋友阅读。Vue.js这个框架和之前学习的jquery有很大差别,有了vue,写前端代码再也不用手动去操作DOM元素了,我们要做的只是把元素和数据绑定起来,更新了数据后,vue就会自动帮我们更新DOM元素,是不是很方便?而且vue的事件绑定都是在HTML中绑定,跟以前都是在JS中绑定元素然后添加事件相比,代码的可读性会提高很多,也有利于前端代码的封装。

      网友NO.28491
      网友NO.28491

      Vue.js是一套构建用户界面的渐进式框架,它只关注视图层, 采用自底向上增量开发的设计。
      Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件,相当于JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。
      ViewModel是Vue.js的核心,它是一个Vue实例。Vue实例是作用于某一个HTML元素上的,这个元素可以是HTML的body元素,也可以是指定了id的某个元素。
      使用Vue的过程就是定义MVVM各个组成部分的过程的过程。
      定义View
      定义Model

      郭烨霖Jr.

      郭烨霖Jr. 提供上传

      资源
      15
      粉丝
      22
      喜欢
      1226
      评论
      8

      Copyright 2018-2020 www.xz577.com 码农之家

      版权投诉 / 书籍推广 / 赞助:520161757@qq.com