vue组件传参
2021/4/30 10:26:13
本文主要是介绍vue组件传参,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
父视图,通过属性传入参数
<template> <div class="home"> <Index name="Zhang" age="18"/> </div> </template> <script> import Index from '@/components/Index.vue' export default { name: 'Home', components: { Index } } </script>
子组件获取参数props
<template> <div class="hello"> <h1>{{ name }}</h1> <h1>{{ age }}</h1> </div> </template> <script> export default { name: "Index", props: { name: String, age: Number, }, }; </script> <style scoped lang="scss"> </style>
这篇关于vue组件传参的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-28基于Python+Vue开发的口腔牙科预约管理系统
- 2024-09-28基于Python+Vue开发的酒店客房预订管理系统
- 2024-09-27使用js将ETH账户的资产打散其他账户web3
- 2024-09-27我轻松地将我的 React.js 应用程序翻译成了多种语言。下面是我是如何做到的... ??
- 2024-09-27?? 使用 useMemo 和 useCallback 加速 React:告别缓慢的重新渲染!??
- 2024-09-27Vue CLI多环境配置教程:新手入门指南
- 2024-09-27Vue CLI多环境配置教程:快速入门指南
- 2024-09-27Vue CLI教程:新手入门指南
- 2024-09-27Vue CLI教程:初学者快速入门指南
- 2024-09-27Vue3公共组件教程:入门与实践