1.子组件的is使用 2.子组件的data函数 3.ref的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .activ ...
分类:
其他好文 时间:
2020-03-05 15:27:56
阅读次数:
69
Vue 的父组件和子组件生命周期钩子执行顺序 渲染过程:父组件挂载完成一定是等子组件都挂载完成后,才算是父组件挂载完,所以父组件的mounted在子组件mouted之后。父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子cr ...
分类:
其他好文 时间:
2020-03-04 21:16:06
阅读次数:
67
开启倒计时,直接保存到vuex中,且存储到本地持久化 // state.js const runTime = localStorage.getItem('time'); paymentRunTime:runTime // mutations.js TimeReduction(state) { thi ...
分类:
其他好文 时间:
2020-03-03 09:20:04
阅读次数:
190
uni-app的书写规范很接近vue,组件规范更接近小程序(微信): 自定义文件类型 ,类html语法描述的一个vue 三部分组成template->视图层script->逻辑层style->样式层 常用的基础组件view->div 容器组件text->span 文字组件image->img 图片组 ...
分类:
移动开发 时间:
2020-03-02 13:05:24
阅读次数:
131
1、如何理解MVVM原理? 2、响应式数据的原理是什么? 3、Vue中是如何检测数组变化? 4、为何Vue采用异步渲染? 5、nextTick实现原理? 6、Vue组件的生命周期? 7、Ajax请求放在哪个生命周期中? 8、何时需要使用beforeDestroy? 9.、Vue父子组件 生命周期调用 ...
分类:
其他好文 时间:
2020-03-02 00:57:00
阅读次数:
243
理解 Vue中有个非常重要的核心思想,就是组件化,组件化是为了代码复用 什么是组件化 组件化,就像一个电脑主机里的主板,有内存条的插口,有硬盘,光驱等等的插口,我们的项目,就像一个电脑主机,通过各种组件化的模块(硬盘、内存等),来拼合成一个完整的电脑。 如图,每一个块都是一个组件,由许许多多的组件拼 ...
分类:
其他好文 时间:
2020-03-01 20:12:45
阅读次数:
97
废话前言 去年,做项目用到oss上传,度娘上逛了一圈写了个前后端代码结合的c#版oss上传。 今年又要用到oss上传时发现很难复用,复用改动的范围太大,显然这个轮子不合格。于是想了下,花了一天的时间(半天打代码,半天写随笔)重新造了个轮子 Demo地址:https://gitee.com/orrzt ...
Vue组件通信 父传子 prop 自定义属性,将父亲的数据传给儿子 1. 在组件标签上使用自定属性 2. 在组件内部通过props来接收自定义属性 3. 子组件接收后既可以在组件里直接使用,不过只能用不能改 <wiz_code_mirror> //父组件 <body> <div id='app1'> ...
分类:
其他好文 时间:
2020-03-01 09:16:53
阅读次数:
78
本文介绍使用发布订阅的方式进行vue组件间的通信 我认为这种方式比较自由, 不存在组件间的关系问题 1. 首先安装pubsub-js npm install --save pubsub-js 2. 订阅方组件 import PubSub from 'pubsub-js' mounted(){ // ...
分类:
Web程序 时间:
2020-03-01 00:19:11
阅读次数:
565
前言 本章我们来学习Vue组件通信中的可以算是所有内容,在此之前,您最好掌握Vue的基础语法、指令等内容,同时也建议您查看我其他的文章进行补充。 组件通信 父子组件关系 通过上图顺带给大家说明了父子组件的实现原理,以及组件间传值传DOM的实现思路,那么我们看看Vue的代码来感受一下 父向子传值 模板 ...
分类:
其他好文 时间:
2020-02-28 20:35:04
阅读次数:
50