随笔分类 -  VUE

摘要:好好写代码,好好写注释,加油! 作为公司的一个菜鸟,初到公司接触到了一个远程服务的项目,公司里面用了Element-admin作为模板进行开发。 初次接触这个模板,对于里面的封装有很多不理解(由于自己是个菜鸟,哈哈哈),其中有一点关于Vue中全局属性的配置,在此记录一下哈。 1 .env.devel 阅读全文
posted @ 2021-07-12 10:23 天午正阳 阅读(431) 评论(0) 推荐(0) 编辑
摘要:v-model用在组件上时 v-model 不仅仅能在 input上用,在组件上也能使用,下面是一个和 Vue 官网教程类似的例子(在看这个例子时我们要考虑两个问题): 组件描述:父组件的 price 的初始值是 100,更改子组件的值能实时更新父组件的 price 原文链接:https://blo 阅读全文
posted @ 2021-07-08 16:21 天午正阳 阅读(307) 评论(0) 推荐(0) 编辑
摘要:ref 目前使用过的三种方式: 1、在html的元素中使用rel,可在js中直接调用该元素,用this.$refs.(ref值) 获取到的是dom元素 2、在vue的组件上加rel,可在js中直接使用该组件包括该组件的方法,用this.$refs.(ref值).方法名() 3、在v-for的循环列中 阅读全文
posted @ 2021-07-06 10:27 天午正阳 阅读(881) 评论(0) 推荐(0) 编辑
摘要:某些特定情况下想改变this.$route.query中的数据(就是地址栏中的参数),是不能通过直接赋值来改变的,我目前知道的一个办法是下载webpack-merge依赖包实现:下载: npm i webpack-merge引入: import merge from 'webpack-merge'; 阅读全文
posted @ 2021-06-24 15:52 天午正阳 阅读(1055) 评论(0) 推荐(0) 编辑
摘要:这篇文章主要介绍了vue中$refs, $emit, $on, $once, $off的使用详解 1.$refs的使用场景 父组件调用子组件的方法,可以传递数据。 父组件: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 阅读全文
posted @ 2021-04-15 14:04 天午正阳 阅读(1131) 评论(0) 推荐(0) 编辑
摘要:原文链接:https://blog.csdn.net/weixin_29491885/article/details/101213311 阅读全文
posted @ 2021-04-07 17:53 天午正阳 阅读(2346) 评论(0) 推荐(0) 编辑
摘要:vue官网的描述: <keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition> 相似,<keep-alive> 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。 当组件在 <keep-alive> 内被切换,它的 acti 阅读全文
posted @ 2021-04-05 16:05 天午正阳 阅读(222) 评论(0) 推荐(0) 编辑
摘要:先举个? 我们先来看一个简单的事例首先我使用官方脚手架新建一个项目vue init webpack vue-demo然后我创建两个文件index.js plugins.js.我将这两个文件放置在src/classes/vue-use目录下 接下来对这两个文件进行编写 // 文件: src/class 阅读全文
posted @ 2021-03-17 21:29 天午正阳 阅读(149) 评论(0) 推荐(0) 编辑
摘要:Vue中的nextTick涉及到Vue中DOM的异步更新,感觉很有意思,特意了解了一下。其中关于nextTick的源码涉及到不少知识,很多不太理解,暂且根据自己的一些感悟介绍下nextTick。 一、示例 先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。 模板 <div cla 阅读全文
posted @ 2021-03-17 18:26 天午正阳 阅读(104) 评论(0) 推荐(0) 编辑
摘要:Vue.js中this.$nextTick()的使用 this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。 假设我们更改了某个d 阅读全文
posted @ 2021-03-17 18:16 天午正阳 阅读(62) 评论(0) 推荐(0) 编辑
摘要:ref 有三种用法: 1、ref 加在普通的元素上,用this.ref.name 获取到的是dom元素 2、ref 加在子组件上,用this.ref.name 获取到的是组件实例,可以使用组件的所有方法。 3、如何利用 v-for 和 ref 获取一组数组或者dom 节点 注意: 1、ref 需要在 阅读全文
posted @ 2021-03-17 18:12 天午正阳 阅读(476) 评论(0) 推荐(0) 编辑
摘要:upload上传是前端开发很常用的一个功能,在Vue开发中常用的Element组件库也提供了非常好用的upload组件。 基本用法 代码: <el-upload :action="uploadActionUrl"> <el-button size="small" type="primary">点击上 阅读全文
posted @ 2021-03-17 15:28 天午正阳 阅读(2208) 评论(0) 推荐(0) 编辑
摘要:一、自定义指令的生命周期 自定义指令有五个生命周期(也叫钩子函数),分别是 bind,inserted,update,componentUpdated,unbind bind:只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个绑定时执行一次的初始化动作。 inserted:被绑定元素 阅读全文
posted @ 2021-03-16 22:25 天午正阳 阅读(2428) 评论(0) 推荐(0) 编辑
摘要:一、前言 之前的博客聊过 vue2.0和react的技术选型;聊过vue的axios封装和vuex使用。今天简单聊聊 vue 组件的封装。 vue 的ui框架现在是很多的,但是鉴于移动设备的复杂性,兼容性问题突出。像 Mint-UI 等说实话已经很不错了,但是坑也是不少,而且项目中很多功能仅凭这些也 阅读全文
posted @ 2021-03-11 09:36 天午正阳 阅读(705) 评论(0) 推荐(0) 编辑
摘要:在网上经常看到有朋友在问自己能不能写vue组件 如果可以怎么应用到自己的项目之中呢!我觉得吧这个事儿就和用煮大米饭是一个道理的 1. 首先作大米饭我们得有米吧 要不 巧妇难为无米之炊啊 因此先买好我们自己的大米也就是创建组件文件,这里我假设要创建一个自己loading效果组件 那么我们就先创建 lo 阅读全文
posted @ 2021-03-11 09:29 天午正阳 阅读(156) 评论(0) 推荐(0) 编辑
摘要:阻止启动生产消息,常用作指令。通俗理解为消息提示的环境配置。 阻止启动生产消息 這又是什麽意思? 看下效果 (1)Vue.config.productionTip = false (2)Vue.config.productionTip = true 感覺多了一行信息 小结: 开发环境下,Vue 会提 阅读全文
posted @ 2021-03-01 16:43 天午正阳 阅读(138) 评论(0) 推荐(0) 编辑
摘要:摘要: 总有一款合适的通信方式。 作者:浪里行舟 Fundebug经授权转载,版权归原作者所有。 前言 组件是 vue.js 最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。一般来说,组件可以有以下几种关系: 如上图所示,A 和 B、B 和 C、B 和 D 阅读全文
posted @ 2021-02-23 09:17 天午正阳 阅读(94) 评论(0) 推荐(0) 编辑
摘要:JS 中深拷贝的几种实现方法 1、使用递归的方式实现深拷贝 //使用递归的方式实现数组、对象的深拷贝 function deepClone1(obj) { //判断拷贝的要进行深拷贝的是数组还是对象,是数组的话进行数组拷贝,对象的话进行对象拷贝 var objClone = Array.isArra 阅读全文
posted @ 2021-02-20 21:56 天午正阳 阅读(384) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示