vue组件

VUE项目练习笔记

Vue-cms1.App.vue组件的基本设置1.1header头部的固定导航栏使用Mint-UI的Header组件；按需导入模块引用1.2底部Tabbar底部的页签使用mui的tabbar;先把扩展图标的
灯火暗·2022-10-31 07:05

基于vue组件思想的移动端导航栏 —— TabBar

用vueCLI3.0搭建的项目结构，组件目录结构如图，做个笔记。封装TabBar组件：组件目录结构：MainTabBar.vue—>TabBar.vue—>TabBarItem.vue思路就是，TabBar里的内容由插槽决定，然后用flex布局平分TabBar。然后自定义四个item，可以传入图片和文字，item里的图片和文字用插槽来实现，插槽外再用div包装，用来设置样式。插槽就相当于占位符。1
真不吃香菜·2022-10-31 07:33

Vue.js 组件编码规范

IDEs更容易理解代码，从而提供高亮、格式化等辅助功能更容易使用现有的工具更容易实现缓存以及代码包的分拆目录基于模块开发vue组件命名组件表达式简单化组件props原子化验证组件的props将this赋值给
·2022-10-30 22:48

我用这9个小技巧封装Vue组件，老大都夸我’封得好‘

微信搜索【大迁世界】,我会第一时间和你分享前端行业趋势，学习途径等等。本文GitHubhttps://github.com/qq449245884/xiaozhi已收录，有一线大厂面试完整考点、资料以及我的系列文章。组件是前端框架的基本构建块。把它们设计得更好会使我们的应用程序更容易改变和理解。在这节课中，分享一下在过去几年中工作中学到的9个技巧。1.你可能不需要创建一个组件在创建一个组件之前，看
·2022-10-30 22:14

Vue3你需要知道的组件化知识点

使Vue组件比原生HTML元素更醒目。例如，使用组件Pascalcase.vueimportPascalcasefrom'./Pascalcase.vue'使用驼峰命名组件!
Shaka@·2022-10-30 18:03

32.(前端)主页布局

1.element-ui的页面布局使用1.1查看布局组件访问element的官网，可以搜索自己喜欢的页面布局代码1.2找到自己所喜欢的布局样式并引入先找到对应图片对应代码直接引入到Home.vue组件中
准大数据分析师·2022-10-29 17:14

手写Vue个人组件库———fl-Cascader

接上文，封装了个人Vue组件库的Cascader级联选择器，源码附在了文章末尾，如下是文档使用说明Cascader级联选择器当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。
前端常春藤·2022-10-29 17:40

第十八篇 Mixins - 混入使用

mixins(混入)是一种分发Vue组件中可以复用功能，是一种非常灵活的方式，混入对象可以包含任意组件选项，当组件使用混入对象时，所有混入对象的选项将混入该组件本身的选项；暂时还没有到使用项目的时候，先进行对
灵魂学者·2022-10-29 07:53

Vue3和Vue2的一些区别

目录一、main.js文件的不同二、app.vue组件的不同三、添加了新的配置项——setup四、ref函数五、reactive函数六、Vue3里面的响应式使用七、setup函数的注意事项1.setup
CTGU_ 21_ emo~~~~·2022-10-28 22:41

Vue——vuedraggable拖拽组件使用文档总结

vuedraggable官方文档地址：https://www.itxst.com/vue-draggable/j6vzfv6r.htmlDraggable为基于Sortable.js的vue组件，用以实现拖拽功能
月来better·2022-10-26 15:33

vue 组件单元测试

组件单元测试可以阅读VueTestUtilsvue组件单元测试，就是测试组件里面的props的属性，测试一个属性，先赋值，然后写一个预期的结果。
鄙人不才 望支持·2022-10-26 12:58

Vue组件通信(父传子、子传父、兄弟传值)

一、父组件传到子组件父组件是通过props属性给子组件通信的数据是单向流动父—>子（子组件中修改props数据，是无效的，会有一个红色警告）父组件parent.vue代码如下：{{msg}}importsonfrom'./Son'//引入子组件exportdefault{name:'HelloWorld',data(){return{msg:'父组件',}},components:{son},}子
归途风景111·2022-10-25 15:17

vue组件通信----子传父(超级详细)

Vue传值简单描述父组件通过绑定自定义事件，接受子组件传递过来的参数子组件通过$emit触发父组件上的自定义事件，发送参数子传父具体实现步骤父组件通过$on监听事件，事件处理函数的参数则为接收的数据子组件通过$emit可以触发事件，第一个参数为要触发的事件，第二个事件为要传递的数据sync修饰符：对一个prop进行双向绑定自定义事件子组件需要以某种方式，例如点击事件的方法来触发一个自定义事件将所需
洋养杨阳·2022-10-25 15:17

vue组件通信1：父传子（props）

一，前言1.props用于父子组件的通信。2.props具有单向下行绑定，由父组件传递给子组件。二，子组件props声明1.props是VueOptionApi的一个选项，声明该组件接受父组件传递的props，可接受数组和对象。（1）数组：props:['title','content']。（2）对象：props:{title:Number}2.使用对象形式可以对props进行值类型校验和设置默认
慢慢都会好·2022-10-25 15:47

vue组件通信：父传子—子传父

我们都知道组件是vue里很重要的一个知识点，这里我看的是b站上的coderwhy老师的视频我看到了弹幕上说很多人在这一块不理解；下面我就来写分享以下我的课程总结父传子为什么要进行“传”的这个操作？答：父子就算绑定了，也子组件也无法用胡子语法将父组件里的内容显示到页面上首先想要实现组件的父子通信，那么我们第一步要先创建一个子组件，与父组件绑定，那么先看以下原代码，我来逐步分析{{cfrist}}{{
Rostrfreart·2022-10-25 15:46

vue组件通信----父传子(超详细)

Vue传值1.父传子简单描述父组件是通过props属性给子组件通信的数据是单向流动父—>子（子组件中修改props数据，是无效的，会有一个红色警告）实现步骤1.子组件在props中创建一个属性，用于接收父组件传过来的值；2.父组件引入子组件–>注册子组件–>引用子组件；3.在子组件标签中添加子组件props中创建的属性；4.将所要传递的值赋值给该属性。props接收的几种写法1.直接使用props
GaoYao.·2022-10-25 15:46

【组件】Vue组件之间的通信父传子 | 子传父

✨：Vue组件之间的通信父传子|子传父 ：东非不开森的主页 ：努力让自己发光，对的人才会迎光而来 :如有错误或不足之处，希望可以指正，非常感谢 Vue组件间通信一、Vue组件之间通信1.1.父组件传递给子组件
东非不开森·2022-10-25 15:45

vue组件间通信方式之父传子，子传父，兄弟相传

一、vue组件组件是用来封装可重用代码，扩展html标签功能的一个拥有预定义选项的vue实例组件与组件之间是相互独立、无法通信、可嵌套的组件是可以被多次重复使用的二、组件间的通信方式1、父组件向子组件传值
半笑猫·2022-10-25 15:45

vue3 组合式API composition 简单使用

compositionapi组合式API官网文档通过创建Vue组件，可以将界面中重复的部分连同其功能一起提取为可重用的代码段。
木蓝茶陌*_*·2022-10-23 22:50

vue知识总结

实例和组件定义data的区别一、实例和组件定义data的区别vue常用的指令v-if与v-show的区别Vue生命周期的执行过程Vue的双向数据绑定原理浏览器的回流与重绘Vue中的虚拟domvue中的diff算法Vue
小聪_·2022-10-22 15:23

JavaScript入门 组件/组件通讯:父传子/子传父/refs属性 Day03

以不同的组件来划分不同的功能模块，需要什么功能就去调用对应的模块为什么在vue组件中data要写成函数而不是对象？
闻鹤于野·2022-10-22 15:50

Vue组件库实现按需引入可以这么做

本文为Varlet组件库源码主题阅读系列第七篇，读完本篇，可以了解到如何通过unplugin-vue-components插件来为你的组件库实现按需引入。手动引入前面的文章中我们介绍过Varlet组件库的打包流程，最后会打包成几种格式，其中module和commonjs格式都不会把所有组件的代码打包到同一个文件，而是保留着各个组件的独立，每个组件都导出作为一个Vue插件。第一种按需使用的方法是我们
街角小林·2022-10-22 07:02

vue3+vite自定义封装vue组件发布到npm包的全过程

目录创建项目创建组件导出组件使用vite构建打包注册->登录npm发布前准备发布到npm参考：总结创建项目“vue”:“^3.2.8”“vite”:“^2.5.2”习惯用HB的直接用创建vue3项目即可或npminitvite@latest创建组件打开项目在src/components文件夹下新增文件,我这里叫TestBtn.vue我是测试要发布的按钮组件//导出组件名*exportdefault
·2022-10-21 18:17

Vue组件库实现按需引入可以这么做

本文为Varlet组件库源码主题阅读系列第七篇，读完本篇，可以了解到如何通过unplugin-vue-components插件来为你的组件库实现按需引入。手动引入前面的文章中我们介绍过Varlet组件库的打包流程，最后会打包成几种格式，其中module和commonjs格式都不会把所有组件的代码打包到同一个文件，而是保留着各个组件的独立，每个组件都导出作为一个Vue插件。第一种按需使用的方法是我们
·2022-10-20 22:10

Vue组件是怎样挂载的

我们先来关注一下$mount是实现什么功能的吧：我们打开源码路径core/instance/init.js:exportfunctioninitMixin(Vue:Class){......initLifecycle(vm)//事件监听初始化initEvents(vm)initRender(vm)callHook(vm,'beforeCreate')initInjections(vm)//reso
·2022-10-19 16:55

vue组件通信6种方式总结（常问知识点）

前言在Vue组件库开发过程中，Vue组件之间的通信一直是一个重要的话题，虽然官方推出的Vuex状态管理方案可以很好的解决组件之间的通信问题，但是在组件库内部使用Vuex往往会比较重，本文将系统的罗列出几种不使用
·2022-10-19 10:28

vue组件属性(props)及私有数据data解析

目录props1、组件Comp1.vue2、使用了Comp1的页面3、运行结果data子组件中data和props的区别vue组件中，props是公有属性，主要对外，相当于类里面的get、set方法操作的属性
·2022-10-18 18:52

vue组件中props与data的结合使用方式

目录组件中props与data的结合使用子组件中data从props中动态更新数据组件中props与data的结合使用如前所述（vue组件属性（props）及私有数据data），vue组件中，props
·2022-10-18 18:52

vue中的几个高级概念

混入mixins官方解释混入(mixin)提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。
·2022-10-18 17:13

vue源码分析-插槽原理

Vue组件的另一个重要概念是插槽，它允许你以一种不同于严格的父子关系的方式组合组件。插槽为你提供了一个将内容放置到新位置或使组件更通用的出口。
·2022-10-18 17:11

蓝桥第四课-新增商品页面开发以及接口调用

，新建一个【addShop】文件夹，在文件夹内新建【index.vue】在【index.vue】内敲快捷键vbase（前提是你的vscode已经安装了VueVSCodeSnippets插件），快速生成vue
风中凌乱的男子·2022-10-18 09:34

vue源码分析-组件

上一节中，我们深入了解了Vue组件注册到使用渲染的完整流程。这一节我们会在上一节的基础上介绍组件的两个高级用法：异步组件和函数式组件。
·2022-10-17 14:05

十五、ECharts可视化库的使⽤

1、composionAPI的认识vue3兼容vue2的写法composionAPI需要熟练掌握2、Mixin相同的代码逻辑进行抽取Mixin提供了非常灵活的方式，来分发vue组件中的可复用功能一个Mixin
qq_37299479·2022-10-17 07:03

Markdown文件居然也可以直接作为Vue路由组件？

之前[文档站点的搭建]()里我们介绍了路由的动态生成逻辑，其中说到了文档是使用Markdown格式编写的，并且还直接在路由文件里使用md文件作为路由组件：路由就是路径到组件的映射，这个组件显然指的是Vue
·2022-10-16 20:12

Vue elementUI 组件二次封装

一、Vue组件的功能能够把页面抽象成多个相对独立的模块实现代码重用，提高开发效率和代码质量，使得代码易于维护二、Vue组件封装过程建立组件的模板，定义通用样式，考虑组件的基本逻辑。准备组件的数据输入。
萝卜砸大坑·2022-10-13 22:43

vue组件的二次封装

用iview、elementUi做项目的时候，经常会遇到组件功能不能满足业务需求的时候，这时候需要在原有的组件上进行二次封装业务需求iview的下拉菜单多选是这样子的iview是没有全选功能的，现在要加一个全选，反选，取消实现方法新建selects.vuetemplate部分核心是v-bind="$attrs"继承组件的所有属性并且赋值，还有v-slot组件插槽全选反选取消核心部分是this.$s
陈大左·2022-10-13 22:11

vue 做一个树图

之前想着做一个树图，通过v-for套3层，实现了一个三层树图后来突然开窍了，vue组件的形式，可以组件套组件，方便多了仿windows文件管理器的文件树先上图定义数据结构[{"path":"/快速访问"
学习使我快乐——玉祥·2022-10-13 21:38

课程代码素材

/App.vue'//1、导入ant-design-vue组件库importAntdfrom'ant-design-vue'//2、导入组件库的样式表import'ant-design-vue/dist
小脑斧ai吃肉·2022-10-13 12:59

Vue中组件之间8中通信方式

vue组件中关系说明:如上图所示,A与B、A与C、B与D、C与E组件之间是父子关系；B与C之间是兄弟关系；A与
碧海凌云·2022-10-13 07:30

Vue组件通信的六种方式

本文总结了vue组件间通信的几种方式，如props、$emit/$on、vuex、
仰.·2022-10-13 07:21

vue组件通信6种方式总结（常问知识点）

前言在Vue组件库开发过程中，Vue组件之间的通信一直是一个重要的话题，虽然官方推出的Vuex状态管理方案可以很好的解决组件之间的通信问题，但是在组件库内部使用Vuex往往会比较重，本文将系统的罗列出几种不使用
·2022-10-12 15:35

vue组件通信方式有哪些？

vue组件通信方式一、props(父向子传值----自定义属性)/$emit(子向父传值-----自定义事件)父组件通过props的方式向子组件传递数据，而通过$emit子组件可以向父组件通信。
·2022-10-12 15:35

Vue组件库文档站点的搭建思路

本文为Varlet组件库源码主题阅读系列第四篇，读完本篇，可以了解到如何使用Vite的Api接口来启动服务、如何动态生成多语言的页面路由。Varlet的文档网站其实就是一个Vue项目，整体分成两个单独的页面：文档页面及手机预览页面。网站源代码文件默认是放在varlet-cli目录下，也就是脚手架的包里：执行脚手架提供的dev命令时会把这个目录复制到varlet-ui/.varlet目录下，并且动态
·2022-10-10 22:50

Vue 学习笔记（八）vue-router路由使用详解

删除自带的logo以及conponents组件，创建自己的项目环境）3.在components中创建（ConponentOne.vue）和（ConponentTwo.vue）组件一：ConponentOne.vue
Adorable_Rocy·2022-10-10 17:25

聊聊Vuex原理

Vue组件开发我们知道开发Vue插件，安装的时候需要执行Vue.use(Vuex)importVuefrom'vue'importVuexfrom'../vuex'Vue
·2022-10-10 16:46

Vue组件间传值的实现解析

目录1.父组件向子组件传值1.1描述1.2props接收数据2.子组件向父组件传值3.兄弟组件间传值4.事件总线5.Ref6.root/parent/children7.provide/inject8.$attrs/$listeners9.v-model绑定到自定义组件中10.sync同步动态属性数据11.localStorage/sessionStorage1.父组件向子组件传值1.1描述父组件
·2022-10-10 10:57

Vue路由自动添加#的问题及解决

目录Vue路由自动添加#Vue路由去除链接/前面的#Vue路由自动添加#在使用VueRouter时，配置了几个路由规则尝试在浏览器中输入路由地址（/order,/person等）来测试Vue组件是否跳转成功
·2022-10-10 10:53

2021-09-03 前端小组考核试题

3.Vue组件之间的通信方式有哪些？父组件→子组件：利用props属性子组件→父组件：利用自定义
Ocean！！·2022-10-09 19:01

Vue组件间的通信方式详析

向子组件传递数据子组件通过自定义事件向父组件传递数据兄弟组件之间的通信状态提升隔代组件之间的通信attrs/attrs/listenersprovide/inject基于$parent/$children实现的dispatch和broadcast前言在Vue
·2022-10-08 19:57

vue组件间通信全面讲解

目录前言组件介绍一、父传子1.父组件通过props传递数据给子组件2.定义props的类型和默认值二、子传父子组件通过$emit传递数据给父组件三、非父子组件间数据传递1.通过公有的父组件进行非父子组件间的通信2.通过使用一个空的Vue实例作为中央事件总线小结前言本章我们将介绍组件间是如何实现数据通信的。包括父组件向子组件、子组件向父组件、兄弟组件、非关系组件之间的数据通信。组件通信是组件式开发中
·2022-10-08 19:50
上一页 56 57 58 59 60 61 62 63 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他