vue2使用Props 传值案例和步骤
vue2中父组件给子组件传值可以用props,以下为传值步骤:1、父组件中声明要传给子组件的值(父组件为minnong.vue,子组件为child.vue)<child :zsq="sukiTitle"></child>2、子组件通过props接收父组件传来的zsq的值<template>&am
·
vue2中父组件给子组件传值可以用props,以下为传值步骤:
1、父组件中声明要传给子组件的值(父组件为minnong.vue,子组件为child.vue)
<child :zsq="sukiTitle"></child>
2、子组件通过props接收父组件传来的zsq的值
<template>
<div>
<h1>我是子组件</h1>
<p>{{zsq}}-这里可以直接接收父组件的值</p>
<button @click="showTitle">点击</button>
</div>
</template>
<script>
export default {
props: {
zsq: {
//此处为要接收的值,zsq为接收过来key
type: String, //key不能乱写
default: ""
}
},
methods: {
showTitle: function() {
console.log(this.zsq);
// 点击接收父组件值或者在上面直接接收也行
}
}
};
</script>
更多推荐
已为社区贡献5条内容
所有评论(0)