废话不多少,父传子做一个比喻
首页想加一个图片,但又不想每次都用img而且又让img做css和动画事件。此时最简单的方法做一个页面封装,然后起一个名字让首页自己获取,放一个地址就行!其他什么都不用管。
步骤如下:
第一步:创建一个组件,相当于创意文件夹,专门存小东西以后经常用
<template> <div> <img src="/UploadFiles/2021-04-02/xxx.xx">第二步:在首页这边引入该页面
<script> import Images from "../../../components/imgs.vue" export default{ data(){ return{} }, components:{ "xImage":Images } } </script>第三步:把xImage放在HTML里
<template> <xImage :xxoo="imgs1"></xImage> </template>第四步:开始父传子,有人不知道谁是父谁是子。能在HTML瞎起名的就是父,import入进来的肯定就是子了
:xxoo : 瞎起名的信号灯,用来告诉子页面,土豆土豆我是地瓜
imgs1 : 这就是信号灯准备发射出去的东西
<template> <xImage :xxoo="imgs1"></xImage> </template> export default{ data(){ return{ imgs1:"https://timgsa.baidu.com/timg" } }, components:{ "xImage":Images } }第五步:
在子页面接收刚才信号灯发过来的东西,有人以为直接把imgs1放进去就行了,大错特错哦!!!!
他接受的不是数据,而是我说的信号灯
所以用props接收这个信号灯,然后把信号灯做一个要求,我只要这样品质的土豆!其他的我不要<template> <img :src="/UploadFiles/2021-04-02/xxoo">以下就是土豆有几种类型
- String : 普通的 'xxxxx'
- Number : 只要 123456789
- Boolean: 只要true 或者 false
- Array:单个的变量储多个值 [1,2,3]
- Object:对象{a:1,b:2}
风云阁资源网 Design By www.bgabc.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
风云阁资源网 Design By www.bgabc.com
暂无评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
2024年10月12日
2024年10月12日
- 群星《金吾卫之风起金陵 动漫原声带》[FLAC/分轨][98.08MB]
- JessicaMolaskey-SittinginLimbo--2024[wav]
- 中国音乐地图之听见江苏扬州小调扬剧经典唱段2020[WAV分轨]
- 中国音乐地图之听见国乐阮柳琴音乐集2021[WAV+分轨]
- 常石磊.2010-自己【风向乐动】【WAV+CUE】
- TWINS.2008-桐话妍语(引进版)【英皇娱乐】【WAV+CUE】
- 钮大可陈本瑜-山谷与风的对话【飞碟】【WAV+CUE】
- 群星《百听不厌-HIFI金曲王》2CD[DTS-WAV分轨]
- HIFI天碟《发烧情路》2CD\DTS-ES[WAV]
- 群星《品味感性男声》2CD[DTSWAV]
- 群星《观风月》[320K/MP3][133.98MB]
- 群星《观风月》[FLAC/分轨][321.4MB]
- 群星《奔向所有时空的你 影视原声带》[320K/MP3][47.43MB]
- 陶喆.2013-再见你好吗【伟大文化】【WAV+CUE】
- 李宗盛.1994-不舍(纸盒版)【滚石】【WAV+CUE】