【前端框架】Vue中props的详解

Vue.js中的`props`是一个非常重要的概念，它用于定义组件可以接收的外部参数。以下是Vue中`props`的详解：
基本概念
1. 定义Props：在组件中通过`props`选项来声明。
   
   ```javascript
   Vue.component('my-component', {
     props: ['message']
   });
   ```
2. 单向下行绑定：父组件的prop变化会传导给子组件，但是子组件不能改变父组件的prop。
3. 类型检查与默认值：可以在定义props时指定类型和默认值。
   ```javascript
   props: {
     message: String, // 字符串类型
     defaultMessage: {
       type: String,
       default() {
       &n