父组件向子组件传值(v-bind 结合 props属性)
父组件向子组件传值时,通过v-bind属性绑定的方式 v-bind: 自定义变量名=“传递的值”,将要传递给子组件的值绑定到子组件上。子组件中使用props属性来接收,props属性值可以是数组或者是一个对象,如果props属性值设为对象,那么在接收传递过来的值时可以设置一些限制条件,比如type限制接收的数据类型,default设置默认值等。
父组件
<template>
<div id="app">
<img alt="Vue logo" src="./assets/logo.png">
<HelloWo