阅读本文需要注意的地方 本文所有组件示例都基于vuecli2。其中大部分组件，使用了vue.use()方法。 这里解释一下为什么使用vue.use()。因为，当插件是一个方法的时候， 我们只需要把该方法定义到vue的prototype上就可以使用： import axios from 'axios' ...
转载
2021-08-18 22:42:00
239阅读
aiXcoder：智能提示Auto Rename Tag：标签名首尾同步修改Beautify：代码格式化Bracket Pair Colorizer：括号着色Color Info：颜色信息Debugger for Chrome：Chrome debugDocker：docker容器Dracula：德古拉暗色主题Error Lens：行错误提示ESLint：代码检查Eva Theme：伊娃亮色主题filesize：文件大小Material Icon Theme：文件图标Mithri.
原创
2021-08-30 10:13:12
165阅读
时间范围选择<template> <el-date-picker v-model="value" type="daterange" @change="handleDateChange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd">
原创
2021-07-12 10:20:07
356阅读
时间范围选择<template> <el-date-picker v-model="value" type="daterange" @change="handleDateChange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd">
原创
2022-02-28 16:35:57
356阅读
组件名：nav-logo.vue参数两个：标题：title、图标：logo，都储存在vuex。
原创
2023-06-05 13:53:32
78阅读
vux github ui demo:https://github.com/airyland/vuxMint UI项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://elemefe.github.io/mint-ui/#/github地址:https://github.com/ElemeFE/mint-ui中文文档地址:http://m...
转载
2021-07-28 15:21:24
336阅读
1评论
vux github ui demo:https://github.com/airyland/vuxMint UI项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://elemefe.github.io/mint-ui/#/github地址:https://github.com/ElemeFE/mint-ui中文文档地址:http://m...
转载
2022-04-24 10:47:51
214阅读
项目技术：webpack + vue + element（mint-ui, etc...） + axois (vue-resource) + less-loader+ ... vue的操作的方法案例：1.数组数据还未获取到，做出预加载的动画<el-carousel :interval="3000" type="card" height="200px" class="common-mt-md"
原创
2021-05-13 21:38:13
266阅读
前面的文章有系统的的介绍过vue经典入门，主要是件2.1. vue-rout...
原创
2023-05-14 23:13:53
88阅读
父子组件通信传值props $emit$parent $children$ref非父子间传值事件总线 //原理上就是建立
原创
2023-06-01 16:09:06
101阅读
复习：1、uni-app中常用组件①内置组件：页面(page)、视图(view)、滚动视图(scroll-view)、文本(text)、富文本(rich-text)、图片(image)、输入框(input)、按钮(button)、导航器(navigator)、轮播(swiper)、单选按钮(radio-group/radio)、复选按钮(checkbox-group/checkbox)、拾取器(p
转载
2024-05-17 14:08:57
218阅读
在 Vue 中，组件通信是非常核心的知识点，除了递归组件中常用的 props 传递方式外，还有多种常用的组件通信方式，适用于不同的场景：1. Props / $emit（父子组件通信）适用场景：父组件向子组件传递数据（props），子组件向父组件传递事件（$emit）用法：
父组件通过 :propName="value" 向子组件传值子组件通过 this.$emit('eventName', da
根据项目规模和组件关系选择合适的通信方式，可以使代码更清晰、维护性更好。
Vue组件常用的import如下： import { ref, computed, toRefs, watch, onMounted, h, nextTick, defineAsyncComponent, reactive, shallowRef,
1.组件，什么是组件，可以这样理解，一个页面有可能包含很多逻辑，很混乱，当我们将这一大坨东西分为很多个小东西，每一个小东西只完成自己的功能，和其他的小东西互不干涉，页面想要使用，只需要引入就行了。 2.组件的使用可分为三步：一创建组件构造器，二注册组件，三使用组件 3.其实每一个组件就相当于一个vue实例，它也有自己的template,method,data，components这些东西，data
转载
2024-04-03 12:51:40
155阅读
参考vue文件地址：递归组件实现遍历效果递归组件实现思路：遍历数组元素，并判断子元素的子集数量是否大于0。如果子集的集合数量大于0，则需要需要再一次调用该组件。如果子集的集合数量等于0，则直接显示内容。创建组件<!-- subordinate：判断是否为子集递归； activeNames：打开折叠面板的集合。 -->
<van-collapse v-if="!subord
转载
2024-02-29 17:08:53
136阅读
