摘要: Vue 组件化的思想大大提高了模块的复用性和开发的效率,在使用组件时,一般分为几个步骤,分别是:定义组件、引入组件,注册组件,使用组件。本节主要针对Vue中如何注册组件进行阐述。 下面我们一起来看如何全局注册组件,如何局部注册组件。 页面显示结果如下: 【说明】: 1. com-one com-tw 阅读全文
posted @ 2020-01-31 13:42 牧羊狼 阅读(5546) 评论(0) 推荐(0) 编辑
摘要: 我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。那么,我们可以在 vue-router 的路由路径中使用“动态路径参数”来达到这个效果: 1. 编程式导航 [ User.vue ]:触发事件动态传参 阅读全文
posted @ 2020-01-13 16:34 牧羊狼 阅读(2923) 评论(0) 推荐(0) 编辑
摘要: Vue 虽然采用了“数据驱动”的思想,但我们依然需要在某些情况下进行少量的 DOM 操作。在 Vue 中,异步执行 DOM 更新。多数情况下,我们并不需要考虑这个过程,但是如果我们的某个操作中,DOM1 的数据变化后,DOM2 需要从 DOM1 的 DOM 结构中获取数据,就会发现数据并没有实时更新 阅读全文
posted @ 2020-01-02 17:49 牧羊狼 阅读(1501) 评论(0) 推荐(0) 编辑
摘要: “夫春生夏长,秋收冬藏,此天道之大经也。弗顺则无以为天下纲纪”。宇宙万物皆有它自身的一套运作机制,适时而动,因势利导。在 Vue 的 世界里,也有它自身的"春夏秋冬"...... 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数 阅读全文
posted @ 2019-12-31 15:52 牧羊狼 阅读(283) 评论(0) 推荐(0) 编辑
摘要: 为什么要用Vuex??? 由于Vue是单向数据流,子组件内部不能直接修改从父级传递过来的数据,子组件与子组件之间无法相互传递数据。如果我们想让两个子组件之间进行通信的话,可以借助子组件 A 向父组件传值,父组件接收子组件 A 的数据后再传给 B 组件这样的方式进行通信。 但是这样会有一个问题,就是如 阅读全文
posted @ 2019-12-26 13:59 牧羊狼 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 组件中内容是显示还是不显示,在哪里显示,这就是我们常说的 Vue 内容分发所干的活,而灵活使用插槽无疑能够提高我们 Vue 组件的复用性,今天我们就一起来看一看什么是插槽。 (显示还是不显示) [ html 代码 ]: <div id="app"> <my-com> 1111111 </my-com 阅读全文
posted @ 2019-12-25 10:55 牧羊狼 阅读(381) 评论(0) 推荐(0) 编辑
摘要: 最近在写影视项目时,遇到了按照电影首映时间给电影排序的需求,这个时候就需要用到时间戳。今天我们就来看一看在JS中,日期字符串和时间戳之间的相互转换...... 当拿到后台返回的数据后,会有一个形如: issue_date:20161221 的字段, 现在我们需要把它处理成时间戳,思路如下: 2016 阅读全文
posted @ 2019-12-24 09:57 牧羊狼 阅读(12644) 评论(0) 推荐(0) 编辑
摘要: JSON:JavaScript 对象表示法(JavaScript Object Notation)。 JSON 是存储和交换文本信息的语法。类似 XML, 但它比 XML 更小、更快,更易解析。 XML XML (Extensible Markup Language) 指可扩展标记语言,它被设计用来 阅读全文
posted @ 2019-12-17 21:40 牧羊狼 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 异步编程的最高境界就是不关心它是否是异步。async、await很好的解决了这一点,将异步强行转换为同步处理。async/await与promise不存在谁代替谁的说法,因为async/await是寄生于Promise,是Generater的语法糖。 温馨提示:如果你已经知道了关于async awa 阅读全文
posted @ 2019-12-13 10:55 牧羊狼 阅读(5191) 评论(0) 推荐(0) 编辑
摘要: 前端在请求到后台数据后,我们常常需要对请求过来的数据做一定的处理,从而最终得到我们想要的数据(结构),在这个转化的过程中,我们通常遇到一些字符串/数组/对象之间的转化。可以说,数据处理是前端开发人员最基本的一项技能,而合理的处理方式也往往是我们事半功倍 【案例一】: 将 arrobj = [ { n 阅读全文
posted @ 2019-11-07 11:12 牧羊狼 阅读(254) 评论(0) 推荐(0) 编辑