Skip to content

Commit

Permalink
Update introduction.md (#392)
Browse files Browse the repository at this point in the history
  • Loading branch information
naokie committed Jun 17, 2021
1 parent 73903d0 commit c608827
Showing 1 changed file with 3 additions and 2 deletions.
5 changes: 3 additions & 2 deletions src/guide/introduction.md
Original file line number Diff line number Diff line change
Expand Up @@ -260,7 +260,8 @@ app.component('todo-item', {
<ol>
<!--
各 todo-item にその内容を表す todo オブジェクトを指定することで、
内容が動的に変化します。後述する "key" も各コンポーネントに
内容が動的に変化します。
後述する "key" も各コンポーネントに
指定する必要があります。
-->
<todo-item
Expand Down Expand Up @@ -315,7 +316,7 @@ app.mount('#todo-list-app')

Vue のコンポーネントが [Web Components 仕様](https://www.w3.org/wiki/WebComponents/) の一部である **カスタム要素 (Custom Elements)** によく似ていることに気付いたかもしれません。これは Vue のコンポーネント構文はその仕様を手本にしているためです。例えば、Vue コンポーネントは [Slot API](https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Slots-Proposal.md)`is` という特別な属性を実装しています。しかしながら、いくつか重要な違いがあります:

1. Web Components の仕様は確定しましたが、全てのブラウザにネイティブ実装されているわけではありません。Safari 10.1 以上、Chrome 54 以上、Firefox 63 以上が Web Components をネイティブでサポートしています。一方、Vue コンポーネントは、サポートされる全てのブラウザ(互換ビルドでは IE11 以上)で同じ動作をします。必要があれば、Vue コンポーネントはネイティブなカスタム要素内に含めることもできます。
1. Web Components の仕様は確定しましたが、全てのブラウザにネイティブ実装されているわけではありません。Safari 10.1 以上、Chrome 54 以上、Firefox 63 以上が Web Components をネイティブでサポートしています。一方、Vue コンポーネントは、サポートされる全てのブラウザ(Internet Explorer 11を除く - 詳細は [こちら](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0038-vue3-ie11-support.md) を確認してください)で同じ動作をします。必要があれば、Vue コンポーネントはネイティブなカスタム要素内に含めることもできます。

[//]: # 'TODO: link to compatibility build'

Expand Down

0 comments on commit c608827

Please sign in to comment.