vue-cli van-cell 链接传参
时间: 2024-01-02 21:04:27 浏览: 81
在 Vue.js 中,可以通过 props 实现组件间的参数传递。vue-cli 和 van-cell 都是 Vue.js 的工具库,因此也可以采用 props 的方式进行传参。
首先,在父组件中定义一个变量,用来存储要传递的参数:
```
<template>
<van-cell :title="title" />
</template>
<script>
export default {
data() {
return {
title: '标题'
}
}
}
</script>
```
然后,在子组件中声明 props,接收父组件传递的参数:
```
<template>
<div>{{ title }}</div>
</template>
<script>
export default {
props: {
title: String
}
}
</script>
```
最后,在父组件中使用子组件时,通过属性绑定的方式将参数传递给子组件:
```
<template>
<my-component :title="title" />
</template>
<script>
import MyComponent from './MyComponent.vue'
export default {
components: {
MyComponent
},
data() {
return {
title: '标题'
}
}
}
</script>
```
这样,当父组件渲染时,它会将 title 的值传递给子组件 MyComponent,并通过 props 中声明的 title 属性接收到这个值。子组件就可以使用这个值进行渲染了。
阅读全文