vue组件

Vue+Element UI 树形控件整合下拉功能菜单（tree + dropdown +input）

这篇博客主要介绍树形控件的两个小小的功能：下拉菜单输入过滤框以CSS样式为主，也会涉及到Vue组件和element组件的使用。对于没有层级的数据，我们可以使用表格或卡片来展示。
Ygria_·2020-08-21 09:14

Vue组件几种方式

vue组件实现Tab切换功能Demotab1tab2tab3tab4A={template:`我是第一一一个tab`}B={template:`我是第二二二个tab`}C={template:`我是第三三三个
WEB_克克·2020-08-21 09:57

浅读vue组件（三）——$emit

父组件给子组件传递数据使用props，子组件给父组件传递数据就需要使用内置$emit触发自定义的事件上例子：~~~~~~~~~~~~~~~~~~~子组件~~~~~~~~~~~~~~~~~~~~~~~~~~这是个弹出框，点击取消和确定的时候执行并将数据传递给父组件：hideData方法：利用内置的$emit将fieldClose传递给父组件~~~~~~~~~~~~~~~~~~~父组件~~~~~~~~
_花开蒂落_·2020-08-21 07:14

浅读vue组件（五）——兄弟组件的传递，中央事件总线

兄弟组件的传递方法很多，坑也比较多，在实际项目开发中，我使用过，父传子，子再传父的，多次传递，可以实现兄弟组件间的传递，这种方法不说了，没什么精髓，而且处理的比较慢，我介绍另一种兄弟组价的传递方法——中央事件总线&&&&&&&&&&&&开发中很常用，尤其是想改变公共的header中的头像数据时经常会用到&&&&&&&&&&&&1.首先，创建一个js，或者一个模板，目的是为了作为一个媒介，方便传递我
_花开蒂落_·2020-08-21 07:13

Vue爬坑之路 二：使用Muse-UI前端框架及axios，实现简单登录页

一：安装UI组件二：创建基本的vue组件三：使用axios与后台进行数据交互1：安装axios2:axios登录的实现一：安装UI组件MuseUI基于Vue2.0开发，Vue2.0是当下最快的前端框架之一
Lethe星空·2020-08-21 07:27

Vue基础1(持续更新)

vue基础---####小知识(老陈vue)*1、在node.js/npm相当于java中的maven(会在互联网中下载包，需要哪些就下载哪些)*2、在vue组件内部有两个数据，一个合适props，一个是
大脸妹m·2020-08-21 06:59

【Vue】Vue中的父子组件通讯以及使用sync同步父子组件数据

前言：之前写过一篇文章《在不同场景下Vue组件间的数据交流》，但现在来看，其中关于“父子组件通信”的介绍仍有诸多缺漏或者不当之处，正好这几天学习了关于用sync修饰符做父子组件数据双向绑定的的用法，于是决定写一篇文章
weixin_33872660·2020-08-21 06:17

Vant - 高效的 Vue 组件库，再造一个有赞移动商城也不在话下

Vant(\ˈvænt\)是有赞前端团队基于有赞统一的规范实现的Vue组件库，提供了一整套UI基础组件和业务组件。通过Vant，可以快速搭建出风格统一的页面，提升开发效率。
weixin_33720078·2020-08-21 06:36

2.5【微信小程序全栈开发课程】个人中心页面搭建

每个页面文件夹中都要有main.js文件//加载vue组件和me.vue文件importVuefrom'
猫宁一·2020-08-21 05:59

2.2【微信小程序全栈开发课程】index页面搭建--ESlint格式错误

每个页面文件夹中都要有main.js文件//加载vue组件和index.vue文件importVuefrom'vue'importAppfrom'.
猫宁一·2020-08-21 05:59

如何上传Vue组件到npm库中

介绍组件库在当下非常流行。但是使用组件库和发布组件库就是两回事了今天我会详细的介绍如何在npm发布自己的组件库，并在项目中使用创建组件库，我们今天借助vue-sfc-rollup这个npm包工具，这是一个对于我们创建组件非常有用的工具该软件包为项目创建了一组文件。如其文档)所述，其创建的文件包括以下内容（SFC代表“单个文件组件”）压缩rollupjs配置带有build/dev脚本和依赖项的相应p
MrWang·2020-08-21 04:23

Vue组件中利用.sync修饰符实现对prop进行双向数据绑定

在有些情况下，我们可能需要对一个prop进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可以修改父组件，且在父组件和子组件都没有明显的改动来源。所以官方推荐以update:my-prop-name的模式触发事件取而代之为了好理解，我写了一个很简单的小例子：（单击输入框，显示或隐藏下面的box）下面是完整的代码：Title#app{margin:10pxauto;width:
冰雪为融·2020-08-21 04:46

对比 React Hooks 和 Vue Composition API

ReactHooksVueCompositionAPIReactHooksvsVueCompositionAPI总结场景先理解什么是hook，拿react的介绍来看，它的定义是：它可以让你在不编写class的情况下，让你在函数组件里“钩入”Reactstate及生命周期等特性的函数对于Vue提出的新的书写Vue
wander·2020-08-21 03:14

Vue xls在线预览

二、参考此npm模块开发用到相关资料js-xlsx---来自SheetJSSheetJSSpreadJS中文官方canvas-datagrid---xls绘制canvas三、npm模块源代码（已封装的Vue
LazyYou2016·2020-08-21 02:01

vue组件中的.sync修饰符使用

我们知道，在vue的组件通信props中，一般情况下，数据都是单向的，即父组件数据的更改会下传到子组件（用了.once除外），子组件对数据无法做出更改（当传递的数据是引用数据类型时，可以更改父组件数据，比如，数组的破坏性方法，push等）。在vue1.x时，提供.sync作为双向传递的关键字，但是2.0删除了该修饰符，但是！！2.3+又恢复了使用，采用的事件机制。下面我就简述一下怎么使用。使用对象
苏雪冷饮·2020-08-21 02:05

Vue全家桶+SSR+Koa2全栈开发美团网⑦——首页开发

首页header组件开发pages目录下的index.vue组件页面默认引用layouts目录下的default.vue模板，所以我们在default.vue模板中直接使用element模板HeaderFooterdefault.vue
Vansal·2020-08-21 02:22

vue搭建模仿懒之才用户中心后台模板

下载地址提供的为vue源码（非打包文件）二、vue组件模板涉及到的vue组件如下：1.vue-image-crop-upload（vue图片上传裁剪组件）传送门：https://github.
夜中雨滴·2020-08-21 00:40

vue组件的生命周期

Vue所有的生命周期钩子自动绑定在this上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法。这是因为箭头函数绑定了父上下文，因此this与你期待的Vue实例不同。详细解释可参考这里。1、beforeCreate在实例初始化（newVue()）之后，数据观测和event/watcher事件配置之前被调用。2、created实例已经创建完成之后
王瞌睡·2020-08-21 00:08

vue组件的生命周期

Vue所有的生命周期钩子自动绑定在this上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法。这是因为箭头函数绑定了父上下文，因此this与你期待的Vue实例不同。详细解释可参考这里。1、beforeCreate在实例初始化（newVue()）之后，数据观测和event/watcher事件配置之前被调用。2、created实例已经创建完成之后
王瞌睡·2020-08-21 00:08

vue-cli3携手rollup、github-actions打造自动部署的vue组件模板（使用篇）

前言旨在让开发者在开发时拥有享受组件开发一个长得还不错的demorollup类库打包工具对代码的抚摸eslint代码风格检查、自动格式化带来的快感github-actions把demo自动部署到gh-pages身上的一条龙服务。(接下来，我们携手...)进入正题假设项目经理提了个需求：要开发一个组件，名叫chaste-component。准备工作克隆项目gitclonehttps://github
blryli·2020-08-20 23:24

vue-cli3携手rollup、github-actions打造自动部署的vue组件模板（使用篇）

前言旨在让开发者在开发时拥有享受组件开发一个长得还不错的demorollup类库打包工具对代码的抚摸eslint代码风格检查、自动格式化带来的快感github-actions把demo自动部署到gh-pages身上的一条龙服务。(接下来，我们携手...)进入正题假设项目经理提了个需求：要开发一个组件，名叫chaste-component。准备工作克隆项目gitclonehttps://github
blryli·2020-08-20 23:24

vue组件使用 - photo-sphere-viewer加载360°全景图片

博客力求最简单，最有效，尽量少用术语。第一步：安装依赖npminstallthree--savenpminstallphoto-sphere-viewer--save第二步：引入依赖并使用importPhotoSphereViewerfrom'photo-sphere-viewer'import'photo-sphere-viewer/dist/photo-sphere-viewer.css'th
DivingEagleChen·2020-08-20 23:03

VUE组件通信的十种姿势

父子组件通信1、父子组件通过prop传递数据父组件可以将一条数据传递给子组件，这条数据可以是动态的，父组件的数据更改的时候，子组件接收的也会变化。子组件被动的接收父组件的数据,子组件不要再更改这条数据了。组件实例的作用域是孤立的,父组件不能直接使用子组件的数据，子组件也不能直接使用父组件的数据。父组件在调用子组件的时候给子组件传递数据：我是父组件，这是我的fMsg：{{fMsg}}父组件给子组件传
视觉派Pie·2020-08-20 22:07

VUE组件通信的十种姿势

父子组件通信1、父子组件通过prop传递数据父组件可以将一条数据传递给子组件，这条数据可以是动态的，父组件的数据更改的时候，子组件接收的也会变化。子组件被动的接收父组件的数据,子组件不要再更改这条数据了。组件实例的作用域是孤立的,父组件不能直接使用子组件的数据，子组件也不能直接使用父组件的数据。父组件在调用子组件的时候给子组件传递数据：我是父组件，这是我的fMsg：{{fMsg}}父组件给子组件传
视觉派Pie·2020-08-20 22:07

组件通信-广播通信

序言：vue组件通信方式大家都会有所了解，大多涉及到的也都是父子组件通信或者是兄弟组件通信，至于祖孙组件通信大多使用Vuex仓库实现。本文将使用一种全新的方式实现组件（无论隔几代）间通信。
ToSmile·2020-08-20 22:21

组件通信-广播通信

序言：vue组件通信方式大家都会有所了解，大多涉及到的也都是父子组件通信或者是兄弟组件通信，至于祖孙组件通信大多使用Vuex仓库实现。本文将使用一种全新的方式实现组件（无论隔几代）间通信。
ToSmile·2020-08-20 22:21

vue组件通信进阶

序言：我们都知道vue父子组件通信主要通过props和事件，那还知道其他形式的通讯方式吗？本文将一一为你揭晓。1、sync修饰符+this.$emit('update:属性名',data)（父子组件）1.1、sync修饰符的作用在Vue中，子父组件最常用的通信方式就是通过props进行数据传递，props值只能在父组件中更新并传递给子组件，在子组件内部，是不允许改变传递进来的props值，这样做是
ToSmile·2020-08-20 22:44

vue组件通信进阶

序言：我们都知道vue父子组件通信主要通过props和事件，那还知道其他形式的通讯方式吗？本文将一一为你揭晓。1、sync修饰符+this.$emit('update:属性名',data)（父子组件）1.1、sync修饰符的作用在Vue中，子父组件最常用的通信方式就是通过props进行数据传递，props值只能在父组件中更新并传递给子组件，在子组件内部，是不允许改变传递进来的props值，这样做是
ToSmile·2020-08-20 22:44

vue-dotmd-loader 用于 markdown 转 vue 组件的 webpack loader

vue-dotmd-loaderDocs|Github用于把markdown文件转成Vue组件的webpacklaoder工具包。importDocComponentfrom'.
mengdu·2020-08-20 22:52

vue-dotmd-loader 用于 markdown 转 vue 组件的 webpack loader

vue-dotmd-loaderDocs|Github用于把markdown文件转成Vue组件的webpacklaoder工具包。importDocComponentfrom'.
mengdu·2020-08-20 22:52

支持嵌套对象、多级数组的Vue动态多级表单组件 —— vue-dynamic-form-component

基于element-ui实现的vue组件，只需编写类似async-validator的规则，自动生成对应的表单，支持常见输入类型的同时，支持嵌套对象、hashmap、多维数组等复杂类型。
QuincyChen·2020-08-20 22:15

支持嵌套对象、多级数组的Vue动态多级表单组件 —— vue-dynamic-form-component

基于element-ui实现的vue组件，只需编写类似async-validator的规则，自动生成对应的表单，支持常见输入类型的同时，支持嵌套对象、hashmap、多维数组等复杂类型。
QuincyChen·2020-08-20 22:14

利用eventemitter2实现Vue组件通信

概述当两个组件之间没有任何父子关系时，利用Vue标准的props传值和emit触发事件无法解决他们之间通信的问题。最近做的项目使用的是eventemitter2，来实现不相关组件之间的通信。这篇文章分享的是我对eventemitter2使用的总结和体会。eventemitter2的npm文档大家可以看eventemitter2介绍。它是node.js提供的事件接口。安装如下npminstall--
joychenke·2020-08-20 22:06

利用eventemitter2实现Vue组件通信

概述当两个组件之间没有任何父子关系时，利用Vue标准的props传值和emit触发事件无法解决他们之间通信的问题。最近做的项目使用的是eventemitter2，来实现不相关组件之间的通信。这篇文章分享的是我对eventemitter2使用的总结和体会。eventemitter2的npm文档大家可以看eventemitter2介绍。它是node.js提供的事件接口。安装如下npminstall--
joychenke·2020-08-20 22:05

vue-cli3项目展示本地Markdown文件

【版本】[email protected]【步骤】1、安装插件vue-markdown-loadernpmivue-markdown-loader-D该插件可以将markdown文件加载成vue
chenyunqing·2020-08-20 21:44

vue-cli3项目展示本地Markdown文件

【版本】[email protected]【步骤】1、安装插件vue-markdown-loadernpmivue-markdown-loader-D该插件可以将markdown文件加载成vue
chenyunqing·2020-08-20 21:44

webpack loader 从上手到理解系列：vue-loader（一）

原文地址1什么是vue-loadervue-loader是一个webpack的loader，它允许你以一种名为单文件组件的格式撰写Vue组件。
axuebin·2020-08-20 21:37

webpack loader 从上手到理解系列：vue-loader（一）

原文地址1什么是vue-loadervue-loader是一个webpack的loader，它允许你以一种名为单文件组件的格式撰写Vue组件。
axuebin·2020-08-20 21:37

Vue笔记（六）——Vue组件通信&Vuex

组件通信vue本身的组件通信父==>子：父组件向子组件传参或者调用子组件的方法子==>父：子组件向父组件传参或者调用父组件的方法兄弟之间：兄弟组件之间传参或者调用方法父子通信传参-props思路：定义子组件的属性（自定义），父组件赋值给子组件调用方法（1）-$refs思路：定义子组件的属性-ref="a",父组件通过：this.$refs.a.子组件方法();调用方法（2）-children思路：
FangHanJia·2020-08-20 21:42

Vue笔记（六）——Vue组件通信&Vuex

组件通信vue本身的组件通信父==>子：父组件向子组件传参或者调用子组件的方法子==>父：子组件向父组件传参或者调用父组件的方法兄弟之间：兄弟组件之间传参或者调用方法父子通信传参-props思路：定义子组件的属性（自定义），父组件赋值给子组件调用方法（1）-$refs思路：定义子组件的属性-ref="a",父组件通过：this.$refs.a.子组件方法();调用方法（2）-children思路：
FangHanJia·2020-08-20 21:41

VS Code常用插件

AutoRenameTag：保存时自动补全结束标签LiveServer：让文件在服务器中运行Prettier-Codeformatter：代码格式化设置，如缩进空格数设置保存时自动格式化Vetur：vue
2396706102·2020-08-20 19:11

vue中8种组件通信方式

vue组件中关系说明:16bde5b613aac4ee.png如上图所示,A与B、A与C、B与D、C与
lovelydong·2020-08-20 17:33

vue高频面试题汇总

为什么vue组件中data必须是一个函数？vue中v-if和v-show有什么区别？$nextTick是什么？v-forkey的作用组件传值常用的事件修饰符vue生命周期及各个生命周期阶段都干了什么？
zhanghe-V·2020-08-20 13:56

Cat-Tree-Select 基于Vue+Element的树选择器

Cat-Tree-Select基于Vue+Element的树选择器基于Element的Vue组件(Vue.js2.x)cat-tree-selectGithub地址前言本人在最近的开发工作中常需要用到树选择器目前最好用的基于
究极死胖兽·2020-08-20 11:28

Vue组件--动态传值

父组件-->子组件：通过属性props传值子组件中定义属性exportdefault{props:{'my-value':[Number,String]}}父组件中绑定此属性（子组件）,JS中使用-区分大写字母data(){return{myVal:''}}子组件-->父组件:$emit子组件：this.$emit('my-event',this.hello)父组件：slot插槽在父组件中动态向子
JasonYuan123·2020-08-20 10:45

2020 零基础 Vue快速入门 Vue项目中引入外部css以及js文件的方法 【整理】

文章目录1、引言2、如果你定义了一些外部css文件，如何引入到vue组件中去呢？我们这里使用ES6的引入方式：3、那么JS文件如何引入呢？
一百个Chocolate·2020-08-20 08:23

vue 组件库发布_如何创建和发布Vue组件库

vue组件库发布Componentlibrariesarealltheragethesedays.Theymakeiteasytomaintainaconsistentlookandfeelacrossanapplication
cumi7754·2020-08-20 07:34

将svg图转换为vue组件并实现放大缩小功能

目前有需求遇到需要将原始的svg文件，xml类型的，放到vue中，转换为我页面可以用的组件，还要实现放大缩小功能；展示效果：步骤：一、将原始的svg的代码扒拉下来，xml最上面的一行删掉二、因为style在vue
浩星·2020-08-20 07:31

vue学习笔记——组件、Axios异步通信、计算属性

Title/*定义一个Vue组件component*/Vue.component("chien",{props:['qc'],/*prop是子组件用来接受父组件传递过来的数据的一个自定义属性。
ChienAAAy·2020-08-20 07:31

数字滚动vue组件

之前的需求中需要使用数字滚动，所以总结之后自己写了一个vue组件0123456789{{computeNumber[0]}}exportdefault{name:'number-dance',props
LAPFUTURE·2020-08-20 06:59
上一页 94 95 96 97 98 99 100 101 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他