![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue框架
xueyue616
这个作者很懒,什么都没留下…
展开
-
vue中mixins的理解及应用
vue中提供了一种混合机制--mixins,用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组件有什么区别?mixins混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。当组件使用混合对象时,所有混合对象的选项将被混入该组件本身的选项。mixi...转载 2020-04-08 09:48:29 · 354 阅读 · 0 评论 -
Vue动态组件绑定和v-once
如何实现一个组件的切换显示呢?动态组件前台控制两个组件使用v-if条件渲染,给一个按钮一个切换方法<child-one v-if="type=='child-one'" v-once></child-one><child-two v-if="type=='child-two'" v-once></child-two><butt...转载 2020-04-08 09:45:49 · 207 阅读 · 0 评论 -
Vue自定义组件-动态组件
<template> <div class="page-list"> <span class="list-txt">{{ title }}</span> <!-- <ex-btn v-if="current == 'ex-btn'" v-on:myClick="myClick" :...转载 2020-04-08 09:44:21 · 671 阅读 · 0 评论 -
浅谈Vue内置component组件的应用场景
这篇文章主要介绍了浅谈Vue内置component组件的应用场景,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧官方的说明渲染一个“元组件”为动态组件。依 is 的值,来决定哪个组件被渲染。 1 2 <!-- 动态组件由 vm 实例的属性值 `componentId` 控制 --> <compon...转载 2020-04-08 09:37:20 · 551 阅读 · 0 评论 -
router-view和component :is的区别
他们的作用都是可以更换组件的显示router-viewrouter-view是vueRouter的组件,主要是更新路由,可以不用跳转到一个新的页面,不会更新初始化函数mounted和created,只更新<router-view></router-view>标签下所渲染的组件。可以不用引入组件。缺点一个页面一个路由,跳转要写路由地址,更新tab样式要传参数...转载 2020-04-08 09:28:18 · 4369 阅读 · 0 评论 -
component -- is 动态切换组件
component -- is 切换组件1.有的时候,在不同组件之间进行动态切换,有两种方法一种使用v-if 或者v-show来控制组件之间的显示切换2.另外一种配合component标签和v-bind 搭配is使用例如: <component v-bind:is="切换组件的名"></component>3.简单的说: <compon...转载 2020-04-08 09:25:49 · 2712 阅读 · 0 评论 -
v-bind="$props"、v-bind="$attrs"、v-on="listeners"
之前看了一篇关于Vue开发技巧的文章,其中提到了在写高级组件时,通过v-bind="$props"将props一次性向下传递。这种向下传递的方式我之前没有用过,便看了下官网的介绍,并补充了一些相关API用法,在这里记录一下,方便自己以后查看。先进行相关的属性介绍,代码在后面。使用介绍: v-bind="$props": 可以将父组件的所有props下发给它的子组件,子组件需要在其prop...转载 2020-04-08 09:13:20 · 5825 阅读 · 1 评论 -
Vue2.4+新增属性.sync、$attrs、$listeners的具体使用
这篇文章主要介绍了Vue2.4+新增属性.sync、$attrs、$listeners的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧sync在vue2.4以前,父组件向子组件传值用props;子组件不能直接更改父组件传入的值,需要通过$emit触发自定义事件,通知父组件改变后的值。比较繁琐,写法如下: ...转载 2020-04-02 09:49:16 · 397 阅读 · 0 评论 -
Vue v2.4中新增的$attrs及$listeners属性使用教程
这篇文章主要给大家介绍了关于Vue v2.4中新增的$attrs及$listeners属性的使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。目录前言 A 组件与 B 组件之间的通信: (父子组件) A 组件与 C 组件之间的通信: (跨多级的组件嵌套关系) 示例代码 A组件(App.vue) B组件...转载 2020-04-02 09:47:31 · 744 阅读 · 0 评论 -
iview table render中使用自定义封装的组件写法
父组件table中的render写法: { title: "TypeDefinition", key: "typeDefinition", render: (h, params) => { return h("div", [ h(DynamicSelect, {...原创 2020-01-19 14:23:33 · 1384 阅读 · 0 评论 -
iView + Vue ,DatePicker选择日期后格式变成UTC处理,注意两点不用自己转格式
问题:DatePicker组件,选择日期后格式变成UTC,例如:选择的日期是2019-03-10,得到的结果却是2019-03-10T16:00:00.000Z,页面显示是Sat Mar 09 2019 00:00:00 GMT+0800 (中国标准时间)解决:用on-change事件的返回值,给绑定的数据赋值。查文档可知道on-change的返回值是已经格式化后的日期,是我们想要的格式,在&...原创 2019-09-16 11:05:04 · 2179 阅读 · 2 评论 -
iview+Vue 知识整理(持续补充)
1、iview组件事件额外传参 在使用iview的组件时,希望在其定义的某个钩子事件处理函数中传递一个额外参数,同时又不影响该钩子事件默认的返回值,以iview中Select组件为例,on-open-change事件是有默认返回值event,保留event返回值的情况下,额外传递一个id参数,$event参数即表示on-open-change默认返回的参数,写法如下:<...原创 2019-04-28 15:07:03 · 525 阅读 · 0 评论 -
从后台请求数据并解析json数据
背景:由于ajax采用同步方式请求数据,如果将解析方法写在ajax里面不存在问题,但是,如果在解析时出现循环比较复杂的结构时,效率不高,因此:先去取数,取到之后,再去解析。单独分开后,这时再去取数解析便会出现取出数据不全,导致解析出错,必须加promise解决同步问题,保证在取完数据后再解析。 使用方法:getCurrClkNodeDataList(node){ ...原创 2018-11-02 11:42:29 · 973 阅读 · 0 评论 -
vue页面的定时刷新
在做项目时我们肯定会遇到要求该页面几分钟去定时刷新一下获取最新数据这样的情况,那么这个时候我们就要使用setInterval()了。那么我们应该把定时刷新放在什么位置什么时候触发什么时候清除呢?这就需要我们了解vue的生命周期。首先贴一张从官网截下来的图吧。在该图上我已经标注了触发和清除的时期,那么我们在使用中还有几个需要注意的点。使用setInterval时this指向的问题。如果我...转载 2018-11-02 11:08:20 · 1506 阅读 · 0 评论 -
vue常见前端UI库
vue常见前端UI库VUE资源汇总:https://github.com/RuMengkai/awesome-vue VUX(移动端)项目文档:https://vux.li/#/github地址:https://github.com/airyland/vux移动端采用vux的单页面应用:https://github.com/rumengkai/vue-spa.git ...转载 2018-08-31 11:20:32 · 457 阅读 · 0 评论 -
vue-demo示例
Vue-cnodejs - 基于vue重写Cnodejs.org的webapp NeteaseCloudWebApp - 高仿网易云音乐的webapp vue-zhihu-daily - 知乎日报 with Vuejs vue-wechat - vue.js开发微信app界面 vue2-demo - 从零构建vue2 + vue-router + vuex 开发环境 eleme - 高仿...转载 2018-08-31 11:17:47 · 1257 阅读 · 0 评论 -
2018年最值得关注的30个Vue开源项目
原文链接:blog.fundebug.com译者按: 学习优秀的开源项目是提高代码水平最有效的方式。原文: 30 Amazing Vue.js Open Source Projects for the Past Year (v.2018) 译者: Fundebug为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。在过去的一年中,我比较了近300...转载 2018-08-31 11:06:58 · 314 阅读 · 0 评论 -
Vue UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例
element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和WeUI的组件库 iview ★5801 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★5517 - Vue 2的移动UI元素 vue-material ★2790 - 通过Vue Material和Vue 2建立精美的app...转载 2018-08-31 10:54:10 · 360 阅读 · 0 评论 -
如何运行vue项目(github项目)
安装node.js 从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。 根据自己电脑选择32位/64位。安装好node,可以先进行下简单的测试安装是否成功了,后面还要进行环境配置 在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口 安装完成之后,打开命令行工具,输入 node -v,npm包管理器,是集成在node中的,所以,...转载 2018-08-14 17:44:03 · 2254 阅读 · 0 评论