当前位置: 首页 > news >正文

邢台网站建设哪里有今日大事件新闻

邢台网站建设哪里有,今日大事件新闻,网页微信版官方下载,课程网站开发开题报告大家好,我是csdn的博主:lqj_本人 这是我的个人博客主页: lqj_本人_python人工智能视觉(opencv)从入门到实战,前端,微信小程序-CSDN博客 最新的uniapp毕业设计专栏也放在下方了: https://blog.csdn.net/lbcy…

 

大家好,我是csdn的博主:lqj_本人

这是我的个人博客主页:

lqj_本人_python人工智能视觉(opencv)从入门到实战,前端,微信小程序-CSDN博客

最新的uniapp毕业设计专栏也放在下方了:

https://blog.csdn.net/lbcyllqj/category_12346639.html?spm=1001.2014.3001.5482

平时我也会在哔哩哔哩视频中讲解一些大家平时用得到的东西,

哔哩哔哩欢迎关注:

卢淼儿的个人空间-卢淼儿个人主页-哔哩哔哩视频

目录

路由组件传参

布尔模式

命名视图

对象模式


路由组件传参

当我们获取路由参数时,通常在模板中使用 $route ,在逻辑中调用 useRoute() 方法,如:

<template><div>User {{ $route.params.id }}</div>
</template><script setup lang="ts">
import { useRoute } from 'vue-router'
const route = useRoute()
console.log(route.params.id)
</script>

以上方法比较麻烦,而且与路由紧密耦合,不利于组件封装。我们可以在创建路由时通过 props 配置来解除这种行为:

const routes = [{path: '/user/:id',name: 'user',component: User,props: true}
]

此时 route.params 将直接被设置为组件的 props,这样组件就和路由参数解耦了:

<template><div>User {{ id }}</div>
</template><script setup lang="ts">
const props = defineProps<{id: string
}>()
console.log(props.id)
</script>

布尔模式

props 设置为 true 时,route.params 将被设置为组件的 props。

命名视图

对于有命名视图的路由,你必须为每个命名视图定义 props 配置:

const routes = [{path: '/user/:id',components: { default: User, sidebar: Sidebar },props: { default: true, sidebar: false }}
]

对象模式

props 是一个对象时,它会将此对象设置为组件 props 。当 props 是静态的时候很有用。

const routes = [{path: '/user',component: User,props: { newsletterPopup: false }}
]

 函数模式

我们也可以创建一个返回 props 的函数。这允许你将参数转换为其他类型:

const routes = [{path: '/user',component: User,props: route => ({ id: route.query.userId })}
]

/user?userId=123 参数会被转为 { id: '123' } 作为 props 传给 User 组件。

http://www.hrbkazy.com/news/24764.html

相关文章:

  • 自己建立公司网站什么是百度推广
  • 网站开发的背景ping站长工具
  • 自己做网站要会什么软件营销型网站建站
  • 网站添加微信支付陕西整站关键词自然排名优化
  • 免费给别人开发网站常见的微信营销方式有哪些
  • 西安360免费做网站外贸网站建设推广公司
  • 领地申请的网站能备案吗一个公司可以做几个百度推广
  • 广西南宁建设银行最新招聘网站百度关键字搜索量查询
  • 做网站用什么开发好自助建站免费建站平台
  • 郑州做网站七彩科技百度广告代运营
  • 网站建设与管理教学视频教程中国最新领导班子
  • 做网站和做网页外贸营销型网站建设公司
  • 深圳做二类学分的网站热搜词工具
  • 网站制作 网站建设怎么做的游戏搜索风云榜
  • 建设多用户网站自己可以做网站吗
  • 网站建设公司应该怎么做推广制作网站的app
  • 一个公司可以做几个网站吗百度一下首页问问
  • 做购物网站开发价格如何做游戏推广
  • 网站开发容易吗扬州百度关键词优化
  • 自己怎么搭建个人博客网站爱站网seo
  • b站入口2024永不关闭网站维护合同
  • wap网站模式代运营服务
  • wordpress改网页电话百度搜索名字排名优化
  • 博彩网站开发犯法吗网络推广软件
  • 青浦营销型网站建设媒体135网站
  • 成都市城乡建设厅官方网站十大免费网站推广
  • 中铁三局招聘事件seo搜索引擎优化实训报告
  • 青海免费网站建设seo网站关键词优化机构
  • 手机网站制作公司报价单百度云网页版登录入口
  • 网站建设服务有哪些内容单词优化和整站优化