Skip to content

壊れているリンクの修正 #289

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Apr 29, 2021
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 10 additions & 0 deletions src/api/options-api.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
# オプション

オプションには、次のようなセクションがあります:

- [Data](/api/options-data.html)
- [DOM](/api/options-dom.html)
- [Lifecycle Hooks](/api/options-lifecycle-hooks.html)
- [Assets](/api/options-assets.html)
- [Composition](/api/options-composition.html)
- [Misc](/api/options-misc.html)
7 changes: 7 additions & 0 deletions src/api/reactivity-api.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
# リアクティビティ API

リアクティビティ API には、次のようなセクションがあります:

- [Basic Reactivity APIs](/api/basic-reactivity.html)
- [Refs](/api/refs-api.html)
- [Computed and watch](/api/computed-watch-api.html)
2 changes: 1 addition & 1 deletion src/guide/component-attrs.md
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@ const app = Vue.createApp({

`inheritAttrs` を `false` にセットした場合属性の継承は無効化されますが、`inheritAttrs` の設定に関わらずコンポーネントの `$attrs` プロパティから、`props` や `emits`といったコンポーネントのプロパティを除く全ての属性(例えば`class` や `style` 、 `v-on` といったものも)にアクセスすることができます。

[前節]('#属性の継承) で利用した date-picker のコンポーネント例を用いて、プロパティでない属性の全てを ルートの `div` 要素ではなく `input` 要素に適用する場合、`v-bind` を用いて簡略的に記述することも可能です。
[前節](#属性の継承) で利用した date-picker のコンポーネント例を用いて、プロパティでない属性の全てを ルートの `div` 要素ではなく `input` 要素に適用する場合、`v-bind` を用いて簡略的に記述することも可能です。

```js{5}
app.component('date-picker', {
Expand Down
2 changes: 1 addition & 1 deletion src/guide/component-dynamic-async.md
Original file line number Diff line number Diff line change
Expand Up @@ -83,7 +83,7 @@ createApp({

### Suspense との併用

非同期コンポーネントはデフォルトで _suspensible_ です。これは非同期コンポーネントが [`<Suspense>`](TODO) を親に持ったとき、 `<Suspense>` の非同期の依存として取り扱われることを意味しています。このケースでは、読み込みの状態は `<Suspense>` から制御され、コンポーネント自身が持つ loading や error, delay, timeout といったオプションは無視されます。
非同期コンポーネントはデフォルトで _suspensible_ です。これは非同期コンポーネントが `<Suspense>` を親に持ったとき、 `<Suspense>` の非同期の依存として取り扱われることを意味しています。このケースでは、読み込みの状態は `<Suspense>` から制御され、コンポーネント自身が持つ loading や error, delay, timeout といったオプションは無視されます。

非同期コンポーネントのオプションに `suspensible: false` を指定することで、 `Suspense` の制御から外すことができ、常にコンポーネントが自身の読み込み状態を制御することができます。

Expand Down
2 changes: 1 addition & 1 deletion src/guide/component-edge-cases.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# 特別な問題に対処する

> このページはすでに[コンポーネントの基本](components.md)を読んでいることを前提に書いています。もしまだ読んでいないのなら、先に読みましょう。
> このページはすでに[コンポーネントの基本](component-basics.md)を読んでいることを前提に書いています。もしまだ読んでいないのなら、先に読みましょう。

:::tip Note
特別な問題、つまり珍しい状況に対処するためのこのページの全ての機能は、時に Vue のルールを多少なりとも曲げることになります。しかし注意して欲しいのが、それらは全てデメリットや危険な状況をもたらし得るということです。これらのマイナス的な面はそれぞれのケースで注意されているので、このページで紹介されるそれぞれの機能を使用すると決めたときは心に止めておいてください。
Expand Down
2 changes: 1 addition & 1 deletion src/guide/reactivity-computed-watchers.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

## 算出プロパティ

開発中に、他の状態に依存した状態が必要となることがあります。Vue では、これをコンポーネントの[算出プロパティ](computed.html#computed-properties)として処理します。算出プロパティの作成には、getter 関数を受け取り、関数の返り値に対して、イミュータブルでリアクティブな [ref](./refs-api.html#ref) オブジェクトを返却する `computed` メソッドを利用します。。
開発中に、他の状態に依存した状態が必要となることがあります。Vue では、これをコンポーネントの[算出プロパティ](computed.html#computed-properties)として処理します。算出プロパティの作成には、getter 関数を受け取り、関数の返り値に対して、イミュータブルでリアクティブな [ref](./reactivity-fundamentals.html#独立したリアクティブな値を-参照-として作成する) オブジェクトを返却する `computed` メソッドを利用します。。

```js
const count = ref(1)
Expand Down
2 changes: 1 addition & 1 deletion src/guide/transitions-state.md
Original file line number Diff line number Diff line change
Expand Up @@ -130,7 +130,7 @@ app.mount('#app')

<common-codepen-snippet title="State Transition Components" slug="e9ef8ac7e32e0d0337e03d20949b4d17" tab="js,result" :editable="false" />

これらの子コンポーネントを使用した複数の状態を構成することができるようになりました。Vue の [組み込みのトランジションシステム](transitions.html) によるものと同時に、このページで取り扱ったあらゆるトランジション戦略の組み合わせを利用できます。同時に、達成できることにはごくわずかの制限があります。
これらの子コンポーネントを使用した複数の状態を構成することができるようになりました。Vue の [組み込みのトランジションシステム](transitions-enterleave.html) によるものと同時に、このページで取り扱ったあらゆるトランジション戦略の組み合わせを利用できます。同時に、達成できることにはごくわずかの制限があります。

データの可視化、物理効果、キャラクターのアニメーションやインタラクションにどのように使用できるのかが分かるでしょう。可能性は無限大です。

Expand Down
2 changes: 1 addition & 1 deletion src/style-guide/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -1425,7 +1425,7 @@ computed: {

### Single-file component top-level element order <sup data-p="c">recommended</sup>

**[Single-file components](../guide/single-file-components.html) should always order `<script>`, `<template>`, and `<style>` tags consistently, with `<style>` last, because at least one of the other two is always necessary.**
**[Single-file components](../guide/single-file-component.html) should always order `<script>`, `<template>`, and `<style>` tags consistently, with `<style>` last, because at least one of the other two is always necessary.**

<div class="style-example style-example-bad">
<h4>Bad</h4>
Expand Down