props

vue2.x的变化之一：禁止修改props

一、说明在vue1.x中，可以在子组件中改变prop的值，在vue2.x中已被废弃。官方文档解释如下：组件内修改prop是反模式(不推荐的)的。比如，先声明一个prop，然后在组件中通过this.myProp='someOtherValue'改变prop的值。根据渲染机制，当父组件重新渲染时，子组件的内部prop值也将被覆盖。二、解决方法通过data属性，用prop去设置一个data属性的默认值通
明灭_·2023-12-04 08:48

简单封装vue移动端上拉加载更多

{{pullUpInfo.moreText}}{{pullUpInfo.loadingText}}{{pullUpInfo.noMoreText}}exportdefault{props:{parentPullUpState
武汉前端阿杰·2023-12-04 07:56

vue循环v-for遍历图表

循环遍历图表index.vue主页面子页面子组件props:{echartData:{type:Array,default:()=>{return[];},},},watch:{echartData:{
web前端妹子·2023-12-04 03:29

百度地图JavaScript API GL获取经纬度，标记，添加文本标注，点击事件，封装

百度地图JavaScriptAPIGL常用方法封装引入百度js库封装方法exportdefault{data(){return{map:null,}},props:{position:{//初始位置type
认识则是有缘·2023-12-03 23:02

Vue经典面试题源码级分析【一】

01-Vue组件通信方式有哪些父子组件：props/emit/$parent/ref/$attrs$attrs:https://cn.vuejs.org/api/component-instance.html
冰镇白干·2023-12-03 23:43

uni-app小程序中自定义动态tabbar，同时解决小程序自定义tabbar第一次切换闪烁的问题

第一步，在组件里新建自定义tabbar所需的三个页面、还有自定义tabbar和headertabbar.vue{{item.text}}exportdefault{props:{cur:{type:Number
qrn1024·2023-12-03 22:45

面试题-9

1.如何封装一个组件1.使用Vue.extend()创建一个组件2.使用Vue.components()方法注册组件3.如果子组件需要数据,可以在props中接收定义4.子组件修改好数据,要把数据传递给父组件
如果决定要走又何必挽留·2023-12-03 22:38

组件间传值

1.父子组件传值父组件通过props向子组件传递数据，子组件通过$emit时间和父组件通信2.父子组件传值，祖孙组件传值provide+injectprovide：用于发送数据inject：用来接受数据或方法用法
欧偶藕·2023-12-03 22:37

vue中父组件必须给子组件传值，required必加属性

代码演示：1.先在父组件中设置需要传递给子组件的值：return{propB:['name','lalisa']}2.在父组件中挂载和使用子组件并把属性传递给子组件：3.在子组件中接收父组件传递来的属性props
神的少女光芒万丈·2023-12-03 21:44

react 父子组件交互时什么周期的执行顺序

讲的是react的父子组件之间生命周期的执行流程，废话不多说上图，802857-20171218141807537-1558287790.pngPS：无状态组件中没有这些生命周期方法组件挂载的过程：初始化props
泉泉泉泉泉泉·2023-12-03 20:32

对el-select封装成组件使用

显得代码冗余就进行了封装效果图：el-select封装：import{reactive,watch}from"vue";constemits=defineEmits(["onChange"]);letprops
m0_63701303·2023-12-03 19:00

对el-button封装使用

/assets/bgs/btn2.png";constemits=defineEmits(["onClick"]);letprops=defi
m0_63701303·2023-12-03 19:28

Vue快速实践总结 · 上篇

文章目录模板语法数据绑定事件处理计算属性监视属性（监听器）条件渲染列表渲染数据监视原理内置指令总结生命周期组件化编程组件使用步骤组件的嵌套this指向单文件组件ref、props脚手架(VueCLI)render
十八岁讨厌编程·2023-12-03 19:06

Vue快速实践总结 · 下篇

文章目录组件间通信方式父-->子通信props插槽子-->父通信（自定义事件）任意组件通信全局事件总线消息订阅与发布Vuex工作原理运行环境简单使用GettersmapState与mapGettersmapActions
十八岁讨厌编程·2023-12-03 19:06

Vue3【Set Up】语法糖 + TS快速上手

文章目录scriptsetup基本语法顶层的绑定会被暴露给模板响应式监听与计算使用组件父子组件传参（变化较大）父->子defineProps()子->父defineEmits()子组件暴露给父组件内部属性
十八岁讨厌编程·2023-12-03 18:33

vue el-select封装及使用

selectSpecial":key="index":label="item[hProps.label]":disabled="item[hProps.disabled]">exportde
皮卡穆·2023-12-03 17:17

Vue3 的 inject 和 provide （附源码）

一：前言在前端项目中牵扯的最多的莫过于组件之间的传值了，除了最最常用的props和emit，其实在Vue中还额外提供了另外几种方法。今天分享一种组件之间通信的方法：provide和inject。
暴怒的代码·2023-12-03 16:41

vue 组件通讯

组件通讯的方案通过props传递(父子组件传值)通过$emit触发父组件自定义事件父组件使用ref访问子组件实例EventBus：需要中间文件，$emit触发事件，$on监听$parent或者$root
百事可爱-后悔下凡·2023-12-03 13:55

react 字轮播滚动

以下是一个简单的示例：importReactfrom"react";exportdefaultclassTextScrollextendsReact.Component{constructor(props
爱在你心中·2023-12-03 13:51

最简单登录页面（详细代码分析element-ui基础）

图片HTML页面代码环境LOGININ登录注册我是管理者newVue({el:"#login",props:{msg:String},data(){return{form:{username:'',password
玉满堂_YTM·2023-12-03 05:46

vue el-button 封装及使用

创建组件index.vue(src/common-ui/button/index.vue){{hCaption}}exportdefault{name:'HButton',props:{action:{
皮卡穆·2023-12-03 03:17

vue中父子组件之间通信

父子组件之间的关系可以简介为propsdown，eventup父子组件之间关系.png他们之间的数据流向是单向的，父组件要传递数据给子组件是通过属性，子组件要传递数据给父组件是通过事件触发。
白意莲·2023-12-03 02:19

vue(2/3)中在组件上使用v-model

v-model一般用于表单数据的双向绑定，使用起来也很方便，但是本质上他还是一个语法糖，先拿input输入框举个例子自定义一个MyInput组件exportdefault{props:{value:String
踏莎行·2023-12-03 02:10

趋势标记

一、图标的组合使用实现上升下降趋势(1)component/trend/src/index.vue{{text}}letprops=defineProps({//标记当前趋势是上升(up)还是下降(down
五号社会好青年·2023-12-03 00:37

京东前端经典vue面试题（持续更新中）

（1）props/$emit适用父子组件通信这种方法是Vue组件的基础，相信大部分同学耳闻能详，所以此处就
bb_xiaxia1998·2023-12-02 22:06

vue 文字超长显示...鼠标悬浮显示全部组件封装

vue文字超长显示...鼠标悬浮显示全部组件封装：组件tooltipOver.vue{{content||'-'}}exportdefault{name:'TooltipOver',props:{//显示的文字内容
金乌Y·2023-12-02 22:06

搜索内容高亮

//使用JSX创建组件constSearchContent=defineComponent({name:'SearchContent',props:{searchValue:{type:String,default
自由的音符·2023-12-02 20:59

Vue3父子组件通信

一、父组件给子组件传值子组件ShipHomePortDialog1.定义变量名称constprops=defineProps(['title'])2.在template中使用变量{{title}}3.在
程序员正茂·2023-12-02 20:53

vue el-date-picker封装及使用

index.vue(src/common-ui/datePicker/index.vue)import{mapGetters}from'vuex'exportdefault{name:'HDatePicker',props
皮卡穆·2023-12-02 20:22

react 通信方式-组件创建方式总结

和生命周期钩子2.3高阶组件HOC本身其实是一个函数,参数是组件2.4Hooks组件使函数组件,可以有state和钩子2.5自定义Hooks其实这个就是自己定义hook来写state等2.6renderprops
云高风轻·2023-12-02 20:52

前端新轮子Nue JS，号称要打造全新的Web生态！！！

它就像Vue.js、React.js或Svelte，但没有hooks,effects,props,portals,watchers,
踢足球的，程序猿·2023-12-02 19:03

【JMeter】BeanShell了解基础知识

vars内置对象String自定义变量名=vars.get("变量名")从jmeter中获取变量值并定义一个变量接收vars.put("key","变量名")数据存储到jmeter变量中操作属性，使用props
记录测试点滴·2023-12-02 17:52

react中的Refs 转发

转发refs到DOM组件考虑这个渲染原生DOM元素button的FancyButton组件：functionFancyButton(props){return({props.children});}React
不再犹豫_c61b·2023-12-02 15:18

封装员工头像组件

创建image-upload组件exportdefault{props:{value:{type:String,default:''}},methods:{//检查函数判断文件的类型还有大小returntrue
愿➣·2023-12-02 14:14

Vue 3 组件通信总结

Props和EventsVue组件通信的一种常见方式是通过父子组件之间的Props和Events。父组件通过Props向子组件传递数据，子组件则通过Events
大笑编程·2023-12-02 14:13

WebSocket 前端使用vue3+ts+elementplus 实现连接

1.配置连接websocket.ts文件如下import{ElMessage}from"element-plus";interfaceWebSocketProps{url:string;//websocket
小菜鸟码住·2023-12-02 11:05

element + vue3，级联选择器实现省市区

import{ref,reactive,toRaw,onMounted,watch,onBeforeUnmount}from'vue'importtype{CascaderProps}from'element-plus'import
irisMoon06·2023-12-02 10:07

uniapp rtsp实时直播视频流

1、封装组件exportdefault{name:'videoPlayer',props:{title:{type:String,default:'',},firstPic:{type:String,default
程序员阿明·2023-12-02 09:46

Android Studio 导入framework.jar的两种方式

如下图2、在项目根目录的gradle中引入jar包StringSDK_DIR=System.getenv("ANDROID_SDK")if(SDK_DIR==null){Propertiesprops=
valiant_勇哥·2023-12-02 07:42

react实现加载动画

/Spinning.scss";interfaceProps{isLoading:boolean;children?
BePowerful·2023-12-02 07:37

vue 封装el-select多选下拉框（可用输入框搜索过滤）

item[selectInfo.prop.label]:item.name}}exportdefault{name:"HSelectMul",props:{placeholder:Stri
皮卡穆·2023-12-02 06:44

vue el-cascader 省市区封装及使用

addressCascader/index.vue)import{getDistrictAllSelect,getDistrictFilterSelect}from'@/api/district'exportdefault{props
皮卡穆·2023-12-02 05:37

vue实现自定义身份证，数字键盘（光标，输入框，键盘）

实现自定义身份证键盘（光标，输入框，键盘全手写）组件代码{{inputLabel}}|{{placeHolder}}占位-->{{errorMessage}}123456789X00exportdefault{props
阿铭同学·2023-12-02 05:42

利用ElementUI配置商品的规格参数

添加删除规格-->-->-->-->-->-->-->-->-->-->-->删除上移-->exportdefault{model:{prop:"skuData",event:"changeSku",},props
时之语·2023-12-02 04:52

级联组件-双向绑定

getDepartment}from"@/api/department.js";import{transListToTreeData}from"@/utils";exportdefault{//接收value属性props
愿➣·2023-12-02 01:52

useMemo

useMemo和useEffect的使用基本上一样importReact,{useState,memo,useMemo,useCallback}from'react'constChild=memo((props
penelope_2bad·2023-12-01 23:41

Antd单独隐藏Modal对话框的默认ok或cancel按钮

Antd有提供两个参数用于单独修改确定、取消按钮：对于确定按钮，设置:ok-button-props="{style:{display:'none'}}"；对于取消按钮，设置:cancel-button-props
hoaxxcj·2023-12-01 18:01

3.组件数据

React的组件数据主要分为两种：propstate那么怎么选择数据的类型呢？其实选择的原则很简单，prop是组件的对外接口，state是组件的内部状态，对外用prop，内部用state。
Srtian·2023-12-01 18:42

vue自定义级联面板

{{inner.OrgName}},{{inner.ID}}exportdefault{name:'CascaderPanel',props:{panelData:{type:Array,default
samscat·2023-12-01 17:27

echarts 地图

效果图业务组件constmapProps=reactive({idType:"0",jsonData:{},itemStyle:{areaColor:'#186894',//区域颜色shadowColor
丰的传说·2023-12-01 17:04
上一页 27 28 29 30 31 32 33 34 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他