数控新代系统启用永久密码

说明:此处的例子并不一定是最佳使用方式,仅为了验证数据的传输

父组件

<template>
  <p>++++++++++++++++++<b>调用子组件</b>+++++++++++++++++++++</p>
  <p>子组件调用父组件方法测试,子组件提交即可生成随机数 {{ random }}</p>
  <p>在调用的子组件定义ref</p>
  <hello-world :random="random" ref="greeting" @getRandom="getRandom" />
</template>

<script>
import HelloWorld from "../components/HelloWorld.vue";
import { ref, computed, onMounted, provide, getCurrentInstance } from "vue";
export default {
  components: { HelloWorld },
  setup(props, ctx) {
    // **父组件获取子组件的数据**
    // const的值为上面子组件定义的ref
    const greeting = ref(null);

    onMounted(() => {
      // **父组件获取子组件的值**
      console.log(greeting.value.greeting);
      greeting.value.submitGreeting();
      // ++++++++end+++++++++++++++++
    });

    // **子组件获取父组件的值和方法
    // 父组件先定义函数 ==>生成随机数
    let random = ref(1);
    const getRandom = () => {
      random.value = Math.floor(Math.random() * 100);
    };

    return {
      random,
      greeting,
      getRandom,
    };
  },
};
</script>

子组件

// 主要验证vuex的使用, 和父子兄弟组件之间的交互
<template>
  <input
    type="text"
    name="greetings"
    v-model="greeting"
    style="margin-right: 20px"
  />
  <button @click="submitGreeting">提交Greeting</button>
</template>

<script>
import { ref } from "vue";
import { useStore } from "vuex";
export default {
  name: "HelloWorld",
  // **子组件获取父组件的值**
  props: {
    random: {
      type: Number,
    },
  },
  // **子组件获取父组件传入的方法**
  emits: ["getRandom"],
  setup(props, ctx) {
    const store = useStore();
    const greeting = ref("Hello");
    // 将值存入store
    const submitGreeting = () => {
      store.commit("submitGreeting", greeting.value);
      store.commit("increment");
      console.log("点击提交Greetings按钮,修改次数+1");
      // ++++++++++验证子组件调用父组件的方法++++++++
      // 通过emits传入的方法
      ctx.emit("getRandom");
      // ++++++++++++++++++end+++++++++++++++++++
    };

    // +++++++++++++验证父组件调用子组件的方法+++++++++++++
    // 将组件中的值暴露出去, 否则父组件中无法使用
    ctx.expose({ greeting, submitGreeting });
    // ++++++++++++++++++end+++++++++++++++++++

    return {
      greeting,
      submitGreeting,
    };
  },
};
</script>

跨组件的调用(provide和)

第一层组件

<template>
</template>

<script>
import { ref, computed, onMounted, provide, getCurrentInstance } from "vue";
export default {
  setup(props, ctx) {
    // 生成随机数
    let random = ref(1);
    const getRandom = () => {
      random.value = Math.floor(Math.random() * 100);
    };
    // provide 和 reject 的使用
    provide("user", random);

    return {
      random,
    };
  },
};
</script>

跨组件

// 主要验证provide 和reject 的使用
<template>
  <div>我只是想试下provide 和 reject 怎么用 {{ user }}</div>
</template>
<script>
import { inject } from "vue";

export default {
  name: "Next",
  setup() {
    // provide传过来的值
    const user = inject("user");
    return {
      user,
    };
  },
};
</script>
本文链接:https://www.dzdvip.com/34645.html 版权声明:本文内容均来源于互联网。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 395045033@qq.com,一经查实,本站将立刻删除。
(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022年7月12日 22:38
下一篇 2022年7月13日 12:31

相关推荐

  • 庆余年第二季什么时候上映(庆余年第二季什么时候开始播放)

    《庆余年第二季》是由腾讯影业出品,张若昀主演的古装剧。该剧在腾讯视频播出。该剧改编自猫腻同名小说。 《庆余年》官方宣布第二季将在2022年首播,具体时具体时间未知,个人猜测应该是在年底,11-12月份左右,为何如此猜测,是有依据的。 《庆余年》第一季首播时间是2019-11-26,而同样深受大家喜欢的同主演、同编剧的《雪中悍刀行》首播时间2021-12-15,而近期官方未给出任何有关上映的消息,故猜测《庆余年》第二季的首播时间极有可能是在今年的11-12月份。   此时间纯属猜测,届时未如期上映,请勿责怪!!! 要说2019年最火的电视剧,《庆余年》绝对算得上是其中之一,相信很多观众都已经看过这部剧集了,实话实说确实非常的好看,和小说的还原度也非常高,这电视剧剧情扎实,各位演员的颜值也是很高,还有老戏骨在线飙戏,让很多人大饱眼福。不过,第一季已经完结,大家对于接下来的第二季也是充满了期待,都盼望着《庆余年2》早日上映,第一季留下范闲被刺这么个悬念,真是吊足了大家的胃口。 就在最近,《庆余年2》也宣布了上映的时间,这个时间,在大家看来,真的是太久了,很有粉丝表示,真的是等不了,太难熬了,也有网友表示,你们这是认真的吗? 大家在网络上发现,《庆余年》第二季的上映时间写着2022年,而它的首播时间上又写了2021年,看到大家都一头雾水,不管这两个时间是哪个,对于粉丝们来说,都是太久了,《庆余年》第一季在19年播出,到2021年要两年,到2022年要三年,确实让人很吃惊,原本希望今年就能看到,看来是有点难了。 话也说回来,虽然大家对于《庆余年》第二季的播出时间,有很多的争议,可是,毕竟是一部这么好的剧集,也还是很值得大家等待的,虽然很想看到,但也怕草草了事,大家也知道,很多剧集为了赶热度,最后拍出来很不尽人意。毕竟慢工出细活,《庆余年》这么久的时间筹备和拍摄,第二季在剧情,演技上肯定会更有把握,相信未来呈现出来的作品,水平质量肯定会很高。 最会,个人对《庆余年》第二季是非常期待的,而且官方也说出来,还是原来的原班人马参演,相信一定会给我们带来不一样的经常,大家就拭目以待吧。

    2022年8月19日
    1.9K
  • 红歌大全100首老歌流行歌曲(红歌100首经典老歌歌名)

    百年征程心向党,嘹亮红歌颂深情 《游击队歌》《保卫黄河》《松花江上》《再见了,大别山》《唱支山歌给党听》《歌唱祖国》《我为共产主义把青春贡献》《长江之歌》《我爱你,中国》《西部放歌》《在希望的田野上》《我和我的祖国》………… 这些镌刻着时代标记的歌曲,串起了近百年来中华民族在中国共产党领导下筚路蓝缕的奋斗史。 为了做好建党100 周年主题出版工程,上海音乐出版社在院党委、院行政的领导下,以满腔的热情投入建党100 周年重点出版工作中,多次召开专题会议研究讨论总体思路,制定工作方案。在建党100周年这个辉煌庄严的时刻,首批推出《歌声献给党》系列丛书,之后还将陆续推出以音乐为特色的主题出版物,奉献给大家。 《歌声献给党》系列丛书是为迎接中国共产党建党100周年的特别制作,共三册,分为女声篇、男声篇、合唱篇,共收录了100首流传广泛、脍炙人口、旋律熟悉的曲目,如《黄河大合唱》《我和我的祖国》《我爱你,中国》等能够勾起很多人回忆的经典曲目,每首曲目后面附有歌曲简介,帮助读者快速地了解曲目的创作背景和内容,给演唱者以提示。 这100首红色经典歌曲,是音乐会中的常用曲目。其中五首歌曲在我院即将上演的“经典撷英——民族歌剧选曲音乐会”中也会出现。 100首红歌任选唱 筑梦新时代 001.没有共产党就没有新中国 曹火星词曲 002.保卫黄河 光未然词 冼星海曲 003.中国人民解放军军歌 公木词 郑律成曲 004.义勇军进行曲田 汉词 聂耳曲 005.歌唱祖国 王莘词曲 006.中国人民志愿军战歌 麻扶摇词 周巍峙曲 007.远方的客人请你留下来 彝族民歌 范禹词 金国富原曲 麦丁整理、改编 008.我们的田野 管桦词 张文纲曲 009.让我们荡起双桨 乔羽词 刘炽曲 010.弹起我心爱的土琵琶 芦芒、何彬词 吕其明曲 011.我的祖国 乔 羽词 刘 炽曲 012.听妈妈讲那过去的事情 管 桦词 瞿希贤曲 013.祖国颂 乔 羽词 刘炽曲 014.洪湖水,浪打浪 张敬安、杨会昭、欧阳谦叔、朱本和、梅少山、潘春阶词 张敬安、欧阳谦叔曲 015.珊瑚颂 赵 忠、钟艺兵、林荫梧、单文词 王锡仁、胡士平曲 016.我爱祖国的蓝天 阎 肃词 羊鸣曲 017.我们是共产主义接班人 周郁辉词 寄 明曲 018.花儿为什么这样红 雷振邦改词编曲 019.情深谊长 王印泉词 臧东升曲 020.我们走…

    2022年4月24日
    111
  • iPhone 13系列,你想知道的都在这里

    苹果官方正式公布将于 9 月 15 日凌晨 1 点(北京时间)举办 Apple 特别活动。 海报长这样。 嗷不好意思放错图了,其实是这样。   你没有看错,苦等一年的「十三香」,终于要来了! 但是吼,「十三香」重复再多次,也只是一个梗罢了。实际香不香,还得看升级了什么,价格如何。 So,我们收集了 iPhone 13 系列的最新爆料,这就带大家一探究竟。 和去年一样,iPhone 13 系列有三个尺寸、四个版本,分别为 5.4 英寸的 iPhone 13 mini,6.1 英寸的 iPhone 13、iPhone 13 Pro,6.7 英寸的 iPhone 13 Pro Max。     外观设计方面,iPhone 13 系列整体和上一代相近,直角中框、矩形相机、刘海等设计元素,都保留了下来。 但是细节,还是有些不一样的。 得益于微缝听筒的采用,以及结构光系统的重新设计,iPhone 13 的刘海终于变小了 。 准确的说是宽度变窄,高度没有什么变化。   虽然没有取消,但这也算是一种进步吧。 每次推出新 iPhone,苹果都会带来一些新颜色。爆料显示,此次 iPhone 13 系列将带来日落金和玫瑰金。 前者类似古铜色,后者有点粉色的意思。     值得注意的是,iPhone 12 Pro 中框容易沾指纹的缺点,13 Pro 可能会通过新涂层来解决。 除了刘海和配色之外,iPhone 13 系列的相机也会有所变化。 首先,13/13 mini 的镜头、闪光灯和麦克风采用对角线排列,辨识度在线。 其次,全系镜头模组变大、凸起更高,Pro 版本尤其明显。     既然如此,影像能力肯定也会有所提升。 爆料显示,iPhone 13 系列将全系搭载传感器位移式光学防抖,也就是去年 iPhone 12 Pro Max 独占的功能。 同时,全系超广角镜头的光圈都会变大,提升夜间拍摄效果。在此基础上,Pro 版本还将支持自动对焦,可能带来微距拍摄功能。 另外,iPhone 13 Pro 的长焦镜头将升级到 2.5 倍,Pro Max 主摄光圈将继续提升。 软件方面,iPhone 13 系列有望带来视频人像模式和天文摄影功能。 就像去年的 ProRAW 一样,iPhone 13 系列会针对视频拍摄,推出 ProRes 模式,但同样仅限于 Pro 系列。     高刷,可谓是近年手机…

    2021年9月12日
    16
  • 什么是“内卷”?如何看待“内卷”现象?

    时至今日,“内卷”依然频繁登上热搜,成为人们热议的话题。那么,人人都在谈论的“内卷”到底是什么,如何看待“内卷”现象? 什么是“内卷”,有许多人还搞不懂。现在我来普及下,《咬文嚼字》2020年十大流行语之一:内卷又称“内卷化”,译自英语involution,本是社会学术语,指一种社会或文化模式在发展到一定阶段后停滞不前,或无法转化为更高级模式的现象。2020年下半年,有几张图片刷屏:有人骑在自行车上看书,有人边骑车边用电脑,有人床上铺满了一摞摞书……“边骑车边用电脑”的同学被称为“卷王”登上热搜。“内卷”流行开来,高校学生用它指非理性内部竞争。有同学举例:老师要求论文五千字,不少同学为评优写了一万字,甚至更多。人人都超要求完成任务,但获优比例并未改变。现在,“内卷”从大学生群体中“出圈”,各行各业内部的非理性竞争都以“内卷”称之。专业人士指出,发展中出现停滞阶段很正常,关键是要有效地进行理性竞争,呼吁相关行业正视非理性的“内卷”现象,积极探索“去内卷化”的改革之路。 湖南大学材料科学与工程学院辅导员于涵宇说,“现在内卷更多地表达一种消耗精力的死循环。其实作为辅导员,我个人也是能理解这种竞争和一定程度上的攀比心理,但是我们现在在和学生交流的过程中,就会更加希望学生要有意识去思考,不要让自己进入这个陀螺式的死循环中。”诚哉斯言!妙哉斯言! “内卷”现象大行其道:当前许多百姓对贪污现象深恶痛绝, 但是轮到自己有事情也不按程序走,习惯给领导干部送钱,这种腐败“亚文化”的形成,既有历史土壤,又有现实因素;看到有人买房买车,自己不是刚需,但怕被人瞧不起,也跟着买房买车;看到邻居给他们的孩子报辅导班,害怕自己的孩子输在起跑线上,也焦虑起来给自家孩子报辅导班。这就是为什么北京有300多万孩子学钢琴的原因了……真是“万物皆可卷”。然而,内卷是低水平的复杂化。这种复杂化消耗了大量的能力、精力、资源但是并没有提高整体水平。 我很欣赏那些逃脱内卷怪圈的人,他们知足常乐,活在当下,勇于放下,放弃竞争,躺平任嘲,走自己的路,让别人去说吧。 沧桑世事,负累几许,人生苦短,不要活得太累,苦了自己!我的看法和做法都是倾向于最好不要卷入“内卷”。

    2021年5月29日
    40
  • 谷歌Google Play应用商店ASO怎么优化?

    在App Store 和Google Play上,应用的流量超过70%来自用户的主动搜索,就是我们所说的自然流量,而不是像我们国内所熟悉的应用宝、小米等应用商店,以广告推广为主。

    2021年4月27日
    37
  • 惊雷算法3.0是什么?打击对象有哪些?

    百度搜索推出惊雷算法,严厉打击通过刷点击,提升网站搜索排序的作弊行为;以此保证搜索用户体验,促进搜索内容生态良性发展。

    惊雷算法会例行产出惩罚数据,对存在点击流量作弊的行为进行惩罚,另对有判罚纪录的网站加以严惩,严重者将长期封禁。

    2021年4月8日
    33