Vue.js快跑:构建触手可及的高性能Web应用-卡勒姆·麦克雷
- 书名: 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