vue
烎烎~
99步是证明,最后一尊严
展开
-
vue 父子组件生命周期执行顺序
vue 父子组件生命周期执行顺序原创 2022-06-10 17:04:30 · 138 阅读 · 0 评论 -
vue加载m3u8视频格式
vue加载m3u8视频格式(手机端)vue加载视频的方式有很多,但是想找到合适自己的很难,今天就给大家分享下vue手机端加载m3u8格式的视频文件,废话不多说,直接上码:第一步:npm install vue-video-player --save第二步:在main.js中引入:如下代码import VideoPlayer from 'vue-video-player'require ('vue-video-palyer/node-modules/video.js/dist/video-原创 2020-06-02 16:18:11 · 1899 阅读 · 1 评论 -
vue 组件之间传值 父转子,子传父,同级别之间的传参,跨级别传参
写这篇文章之前,我对vue组件之间的传值,还是只知道一些基础的传值方式。虽然工作中勉强能够应对,但是想要行云流水感觉还是心有余而力不足,所以在此,我想总结一下vue组件之间的一些传值方式供大家参考,同时也是给自己加深下记忆。vue的传值方式大概分为以下几种父传子 子传父 兄弟间 隔代传参首先我们介绍下第一种 父传子:父传子方式1:最常用的就是props传值,这种方式大家都很熟悉...原创 2019-12-18 01:51:23 · 1353 阅读 · 0 评论 -
js之深浅拷贝
应用场景:现有一个数组Array对象,需要在两个不同模块上展示,分别为模块A和模块B,现需求为模块A循环展示Array的所有信息,模块B在Array的基础之上添加一个字段,且不影响字段A的正常展示最终效果如下实现分析:原始数据(暂定数组名称为listArray1)和拷贝后的数据(暂定数组名称为listArray2)都有一部分相似的数据,唯一区别就是拷贝后的数据中添加了一条,所以我们...原创 2019-05-11 01:04:18 · 405 阅读 · 0 评论 -
vue监听返回按钮,改变返回后的页面中data的字段
问题描述: 现在有页面A和页面B,页面A有三个菜单分别为A1,A2 ,A3,默认选中A1。点击页面A3同时 ,跳转到页面B,暂定A页面原属性“activeTabId”为“bardA”,然后点击页面B的返回按钮,返回到A页面中的A3位置(改变了默认选中,实现了记忆功能),返回成功后并改变页面A中data中的“activeTabId”属性为“bardB”解决方案: ...原创 2019-05-07 17:10:56 · 1386 阅读 · 1 评论 -
vue 路由传参params和query
大家都知道vue的路由传参有两种query和params,但是前面的是用name还是用path,也许大家容易记混了,今天来帮大家梳理下1:首先看来query 1.1: path: <li @click="goHrefQuery('/index2')">子组件index2</li> goHrefQuery(pageIndex){ this.$ro...原创 2019-04-06 15:24:49 · 712 阅读 · 0 评论 -
mpvue开发小程序
前两天出去面试一把,感觉有点坑,问我一堆前端的问题,结果说招后端,具体哪个公司就不给大家说了,总结就是:“面试的时候一定问清楚HR招聘的要求”。小程序第一个问题:获取用户位置信息获取用户位置信息,貌似18年开发小程序的时候还没有提示这种情况,直接调用wx.getLocation(),但是时隔两个月之后,哎!只能说互联网行业更新太快,时刻的学习,出现这种情况,报错位置基本已经很清楚了...原创 2019-02-25 18:21:53 · 223 阅读 · 0 评论 -
vue router
关于Router在vue中的定义我就不做过多的介绍了,重点给你们解释下Router 的用法一下方法只针对模块化机制编程,第一步:引入Vue.use(VueRouter);第二部:定义路由组件,该处为引用template模板(说白了就是.vue后缀的文件,用important 方式引入);第三步:定义路由,const routes = [ { path: '/需要跳转的路径名称...原创 2019-02-16 20:38:23 · 333 阅读 · 0 评论 -
vue父子组件传值以及子改变父组件的方法
今天和大家讨论下Vue中的组件传值的过程,Vue中的组件传值大家听的最多的就是父传子用props接收了,那么子改变父呢,具体怎么来做,今天我来和大家图文并茂下父传子:props第一步:引用自己写的Vue模板,第二步:用components 命名标签,第三步:引用标签,如图所示<component></component> 这是引用模板的流程 ...原创 2019-01-16 14:18:45 · 961 阅读 · 0 评论 -
slot
解释:slot官网上的定义是“插槽”,又叫内容分发。实用场景:在实际的一些情况中,子组件往往并不知道需要展示的内容,而只提供基础的交互功能,内容及时间又父组件来提供。用法:请看以下代码<div id="app"> //使用包含solt标签属性的子组件 <my-slot> //属性solt值需要与子组件中的slot的name值...原创 2019-01-13 20:52:23 · 1305 阅读 · 0 评论 -
Vue动态组件 component标签 keep-alive标签
多读书还是有好处,前段时间,用vue做了一个动态切换tab的项目,如果初学者的做法就是用路由进行跳转,但是今天闲来没事看教程和书发现还有一种做法,就是用component的is,即多个组件可以使用同一个挂载点,根据条件来切换不同的组件。component标签中的is属性决定了当前采用子组件,is-bind的缩写:":is" 绑定父组件中data的其中一个属性,具体代码如下&...原创 2019-01-13 15:13:55 · 6339 阅读 · 9 评论 -
小程序轮播图
记录点点滴滴,现在开始装逼!每次看之前的代码,大家会对自己之前写的代码有什么样的看法尼?今天修复之前自己写的小程序,发现一个关于轮播的问题,然后随笔记录下来,同时也提供给大家做参考。说道轮播大家肯定不陌生,提到小程序的轮播,大家一定回想到swiper,但是swiper中有一个重要的参数 相信有部分同事应该会忽略掉就是“circular”官网的解释如下:可以看出他是布尔值的,...原创 2019-01-03 14:38:41 · 427 阅读 · 0 评论 -
vue+vant 表单提交,实现图片上传
这是2018年最后一个周二了,这个周二有点淡淡的忧伤,于是和我往常一样听着歌敲着代码,于是乎,遇到了一个问题,图片上传的,虽然之前用mpvue开发小程序的时候做过一样的,但是后来时间久了,忘记了,今天再走一遍,下面我简洁的写下流程1.下面这个页面效果图,图片是在网上随便找的一张2.这个是页面的部分代码,用的是有赞团队的 vant框架3.然后重点来了,看屏幕,我现在要点击“保存...原创 2018-12-25 17:38:28 · 28683 阅读 · 11 评论 -
VUE路由的hash模式与history模式的区别
hash模式url带#号,history模式不带#号。通过history api,我们丢掉了丑陋的#,但是它也有个问题:不怕前进,不怕后退,就怕刷新,f5,(如果后端没有准备的话),因为刷新是实实在在地去请求服务器的,不玩虚的。在hash模式下,前端路由修改的是#中的信息,而浏览器请求时是不带它玩的,所以没有问题.但是在history下,你可以自由的修改path,当刷新时,如果服务器中没有相...原创 2019-01-04 14:47:18 · 7845 阅读 · 2 评论 -
Vue的双向绑定的原理是什么(面试经常问)
vue.js采用的是数据劫持结合发布和-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。那么Object我们知道是一个对象,defineProperty()这个方法是什么呢?作用是什么呢,我 们来一起分析一下首先我们来看下他的语法所以很清楚了,Object.definePr...原创 2018-11-22 09:49:07 · 15658 阅读 · 6 评论