Vue3学习日记 Day2 —— 父子组件通信，模板引用，vue3.3新特性
一、组合式API下的父子组件通信 1、父传子 1、基本思想 1.1、父组件中给子组件绑定属性 1.2、子组件内部通过props接收 2、用法 2.1、父组件 <conComVue message="this is app"> 2.2、子组件 //由于写了setup，因此无法直接使用props选项 //所以需要通过defineProps“编译器宏”接收子组件传递的数据 const props = de...
安装 AWS Load Balancer Controller 附加组件
1 创建一个 IAM policy #curl -O https://raw.githubusercontent.com/kubernetes-sigs/aws-load-balancer-controller/v2.4.4/docs/install/iam_policy.json #aws iam create-policy \ --policy-name AWSLoadBalancer...
VUE-组件间通信（一）props
props 1、单向绑定 props是父组件给子组件传输数据 当父组件的属性变化时，将传导给子组件，但是反过来不会 2、使用示例 子组件（类似于方法） <template><div> <h2>姓名:{{ name }}</h2> <h2>性别:{{ sex }}</h2> <h2>年纪:{{ age }}</h2></div></template><script>export defaul...
错误提示组件的开发技巧
<template> <div class="error-tip"> <img :src="require('../../assets/img/error.png')" /> <p>{{ errorData[errorCode] }}</p> </div></template> <script>import errorData from '@/data/error' import { compu...
Uni-app跟学笔记（四）：图片API、跨端兼容、组件注册、组件通信
文章目录 1）图片API1：图片上传2：图片预览 2）跨端兼容3）导航跳转4）组件及其生命周期1：注册组件2：组件生命周期 5）组件的通信1：父组件给子组件传值1-父组件2-子组件 2：子组件向父组件传值1-子组件2-父组件 3：兄弟组件传值 6）uni-ui组件库 1）图片API 1：图片上传 从本地相册中选择图片(包括gif动图)上传或使用相机拍照的API是uni.chooseImage(OBJ...
React组件 - 实现侧滑删除
实现效果 组件源码 SlideContainer.js import React, {useRef, useState} from "react"; export const SlideContainer = (props) => { const childrenArray = React.Children.toArray(props.children); const [left, setLeft] ...
搜索组件的编写与数据的联动
搜索组件编写 <template> <div class="search-wrap"> <input type="text" :placeholder="placeholder" :maxlength="maxlength" :value="inputValue" @input="searchData($event)"/> </div></template> <script>import {re...
header组件编写和Vuex store创建
<template> <header class="header"> <h1> <slot></slot> </h1> </header></template> <script>export default { name: 'Header'}</script> 引入全局样式 import '@/assets/css/resets.css'import '@/assets/css/borde...
微信小程序 - 组件wxml中slot
在组件的 wxml 中可以包含 slot 节点，用于承载组件使用者提供的 wxml 结构。 默认情况下，一个组件的 wxml 中只能有一个 slot 。需要使用多 slot 时，可以在组件 js 中声明启用。 Component( options: { multipleSlots: true // 在组件定义时的选项中启用多slot支持 } properties: { /* ... */ }, met...
黑马鸿蒙学习笔记1：TEXT组件
业余时间学习下黑马鸿蒙课程，主要截取重要的PPT学习： 其实就是用$r（）的方法，去调用本地化资源文件，可以做多语言了。 比如每个语言目录下都有个string.json文件，然后用键值对name,value的方式搭配，然后 app.string.XXXXX(比如上图设置了键值是width_label)， 直接用法就是Text(‘XXXXXX')，里面是要显示的文字就可以了。...