vue props:
时间: 2023-11-17 07:00:56 浏览: 90
Vue中的props是一种用于父子组件通信的机制,它允许父组件向子组件传递数据。在父组件中,我们可以通过props选项来声明要传递给子组件的数据。在子组件中,我们可以通过props属性来接收父组件传递过来的数据。在使用props时,需要注意以下几点:
1. 在父组件中的data中定义要传递的值。
2. 在子组件中使用props声明要引用哪个值。
3. 父组件的template中要在子组件标签上绑定。
4. 在template模板中,要使用中划线写法;在script脚本中使用小驼峰。
5. 每次父组件更新时,子组件的所有prop都会更新为最新值,但是如果子组件中定义了局部变量去接收,那么父组件中的值更新时子组件是接收不到的,即子组件只能接收初始值(不管是在data中定义还是computed计算属性定义)。
阅读全文