跳转至

Vue.js快跑:构建触手可及的高性能Web应用-卡勒姆·麦克雷

  •  Vue.js快跑:构建触手可及的高性能Web应用|200
  • 书名: Vue.js快跑:构建触手可及的高性能Web应用
  • 作者: 卡勒姆·麦克雷
  • 简介: 本书是用Vue.js构建Web应用的全方位指南。作者运用细致入微的讲解方式带你领略Vue.js的独特魅力,致力于协助你从零开始基于Vue.js创建一个Web应用。本书共7章:第1章介绍Vue的安装及基本用法,覆盖大量Vue核心技术,诸如响应式原理、生命周期钩子等;第2章到第6章进入Vue高阶世界,通过在丰富的组件特性中遨游,教你使用vue-router和vuex来实现客户端路由和状态管理,以此完善整个Web应用的功能;最后一章介绍如何使用vue-test-utils这一官方测试利器来为组件编写单元测试,从而保证Web应用的正常运行;附录分别介绍vue-cli用法及Vue与React之间的异同。本书适合对HTML和JavaScript已有一定了解,正在准备或已经使用Vue.js进行Web应用开发的从业者,也适合希望通过学习框架使用来提升对其认识的开发人员,有React使用经验的读者同样可从中获得启发。
  • 出版时间 2018-11-01 00:00:00
  • ISBN: 9787121352997
  • 分类: 计算机-编程设计
  • 出版社: 电子工业出版社

高亮划线

过滤器

  • 📌 只可以在插值和v-bind指令中使用过滤器 ^18-3311-3332
    • ⏱ 2020-06-03 17:24:48

使用ref直接访问元素

  • 📌 在组件中使用ref尤为有用。同一组件的代码可能在页面上出现多次,这意味着根本不能为组件内的元素添加一个唯一的类名然后使用querySelector来选择该元素。相比之下,this.$refs只包含当前组件内部元素的引用,这意味着如果在组件内调用this.$refs.blablabla,它总是指向该组件内的对应元素,而不是页面其他地方的元素 ^19-845-1015
    • ⏱ 2020-06-03 17:24:33

数据、方法和计算属性

  • 📌 Vue实例中的data属性是一个对象,然而组件中的data属性是一个函数 ^27-1088-1124
    • ⏱ 2020-06-03 17:47:32

混入

  • 📌 对于生命周期钩子——诸如created()和beforeMount()这样的——Vue会将它们添加到一个数组中并全部执行: ^31-2670-2731

    • ⏱ 2020-06-03 21:36:00
  • 📌 对于重复的方法、计算属性或其他任何非生命周期钩子属性,组件中的属性会覆盖混入对象中的属性 ^31-3089-3133

    • ⏱ 2020-06-03 21:36:14

非Prop属性

  • 📌 但是class和style稍微聪明一点,同名的值会被合并 ^33-1571-1599
    • ⏱ 2020-06-03 21:43:55

组件和v-for指令

  • 📌 总之,无论什么情况,只要允许就应该设置一个key ^34-3509-3531
    • ⏱ 2020-06-03 21:47:48

读书笔记

本书评论