Migration Guide > Props Default Function this Access の翻訳元ファイル追加 ( #122 )

Author: daisuke85a

src/.vuepress/config.js

@@ -125,6 +125,7 @@ const sidebar = {
         'migration/global-api-treeshaking',
         'migration/inline-template-attribute',
         'migration/keycode-modifiers',
+        'migration/props-default-this',
         'migration/render-function-api',
         'migration/slots-unification',
         'migration/transition',

src/guide/migration/props-default-this.md

@@ -0,0 +1,32 @@
+---
+title: Props Default Function this Access
+badges:
+  - breaking
+---
+
+# Props Default Function `this` Access <MigrationBadges :badges="$frontmatter.badges" />
+
+Props default value factory functions no longer have access to `this`.
+
+Instead:
+
+- Raw props received by the component are passed to the default function as argument;
+
+- The [inject](../composition-api-provide-inject.md) API can be used inside default functions.
+
+```js
+import { inject } from 'vue'
+
+export default {
+  props: {
+    theme: {
+      default (props) {
+        // `props` is the raw values passed to the component,
+        // before any type / default coercions
+        // can also use `inject` to access injected properties
+        return inject('theme', 'default-theme')
+      }
+    }
+  }
+}
+```