vue this.$props Vue 3.0 在prop的默认函数中访问this

vue this.$props

Vue.js 是一个构建用户界面的框架，它的核心是响应的数据绑定和组合的视图组件。Vue.js 的核心思想是：数据驱动、组件化。在 Vue.js 中，this.$props 是一个对象，它包含了父组件传递给子组件的所有 props 属性。

this.$props 可以在子组件中使用，它可以帮助我们获取到来自外部的数据。当我们在子组件中使用 this.$props 时，可以得到一个对象，这个对象包含了所有传递过来的 props 属性。

// 父组件注册子组件时添加 props 属性
Vue.component('child-component', {
  props: ['message'],
  template: '{{ message }}'
})
// 父组件渲染时添加 message 属性值


 // 子组件中使用 this.$props 获取 message 属性值 
export default {  
  data () {  
    return {  

    }  
  },  

  methods: {  

  },  

  mounted () {  

    console.log(this.$props) // 输出 {message: "hello world"}  

  }  
}  																     

import { inject } from "vue"


export default {
  props: {
    theme: {
      default (props) {
        // `props` 是传递给组件的原始值。
        // 在任何类型/默认强制转换之前
        // 也可以使用 `inject` 来访问注入的 property
        return inject("theme", "default-theme")
      }
    }
  }
}