File tree Expand file tree Collapse file tree 4 files changed +17
-17
lines changed Expand file tree Collapse file tree 4 files changed +17
-17
lines changed Original file line number Diff line number Diff line change 1
1
---
2
2
title : 他のフレームワークとの比較
3
- updated : 2020-01 -07
3
+ updated : 2020-11 -07
4
4
type : guide
5
5
order : 801
6
6
---
@@ -108,7 +108,7 @@ React はその急な学習曲線で有名です。あなたが本当に始め
108
108
React と同じように Vue は規模を大きくできますし、一方で、jQuery のように規模を小さくすることもできます。そうです - 使い始めるにあたって、あなたはページの中に 1 つの script タグを放り込むだけで良いのです:
109
109
110
110
``` html
111
- <script src =" https://cdn.jsdelivr.net/npm/vue" ></script >
111
+ <script src =" https://cdn.jsdelivr.net/npm/vue@2 " ></script >
112
112
```
113
113
114
114
これであなたは Vue のコードを書き始めることができますし、後ろめたい思いをしたり性能問題について心配したりすることなく、ミニファイ(minify)版をプロダクション環境へ設置することもできます。
Original file line number Diff line number Diff line change 1
1
---
2
2
title : はじめに
3
- updated : 2020-03-20
3
+ updated : 2020-11-07
4
4
type : guide
5
5
order : 2
6
6
---
@@ -25,14 +25,14 @@ Vue.js を試すには、[Hello World example](https://codesandbox.io/s/github/v
25
25
26
26
``` html
27
27
<!-- 開発バージョン、便利なコンソールの警告が含まれています -->
28
- <script src =" https://cdn.jsdelivr.net/npm/vue/dist/vue.js" ></script >
28
+ <script src =" https://cdn.jsdelivr.net/npm/vue@2 /dist/vue.js" ></script >
29
29
```
30
30
31
31
or:
32
32
33
33
``` html
34
34
<!-- 本番バージョン、サイズと速度のために最適化されています -->
35
- <script src =" https://cdn.jsdelivr.net/npm/vue" ></script >
35
+ <script src =" https://cdn.jsdelivr.net/npm/vue@2 " ></script >
36
36
```
37
37
38
38
Vue の他のインストール方法について、[ インストール] ( ../guide/installation.html ) ページで紹介しています。注意点として、初心者が ` vue-cli ` で始めることは推奨** しません** (特に、Node.js ベースのツールについてまだ詳しくない場合)。
@@ -322,7 +322,7 @@ Vue.component('todo-item', {
322
322
``` html
323
323
<div id =" app-7" >
324
324
<ol >
325
- <!--
325
+ <!--
326
326
各 todo-item の内容を表す todo オブジェクトを与えます。
327
327
これにより内容は動的に変化します。
328
328
また後述する "key" を各コンポーネントに提供する必要があります。
Original file line number Diff line number Diff line change 1
1
---
2
2
title : インストール
3
- updated : 2020-06-14
3
+ updated : 2020-11-07
4
4
type : guide
5
5
order : 1
6
6
vue_version : 2.5.16
@@ -42,7 +42,7 @@ Vue を使用する場合は、ブラウザに [Vue Devtools](https://github.com
42
42
プロトタイピングや学習を目的とする場合は、以下のようにして最新バージョンを使うことができます:
43
43
44
44
``` html
45
- <script src =" https://cdn.jsdelivr.net/npm/vue/dist/vue.js" ></script >
45
+ <script src =" https://cdn.jsdelivr.net/npm/vue@2 /dist/vue.js" ></script >
46
46
```
47
47
48
48
本番環境では、新しいバージョンによる意図しない不具合を避けるため、特定のバージョン番号とビルド番号にリンクすることをお勧めします:
@@ -85,7 +85,7 @@ $ npm install vue
85
85
86
86
## さまざまなビルドについて
87
87
88
- [ NPM パッケージの ` dist/ ` ディレクトリ] ( https://cdn.jsdelivr.net/npm/vue/dist/ ) では Vue.js の多くのさまざまなビルドが見つかります。それらの違いの概要は以下の通りです:
88
+ [ NPM パッケージの ` dist/ ` ディレクトリ] ( https://cdn.jsdelivr.net/npm/vue@2 /dist/ ) では Vue.js の多くのさまざまなビルドが見つかります。それらの違いの概要は以下の通りです:
89
89
90
90
| | UMD | CommonJS | ES Module (バンドラ用) | ES Module (ブラウザ用) |
91
91
| --- | --- | --- | --- | --- |
@@ -102,7 +102,7 @@ $ npm install vue
102
102
103
103
- ** ランタイム** : Vue インスタンスの作成やレンダリング、仮想 DOM の変更などのためのコードです。基本的にコンパイラを除く全てのものです。
104
104
105
- - ** [ UMD] ( https://github.com/umdjs/umd ) ** : UMD ビルドは ` <script> ` タグによってブラウザに直接利用されます。[ https://cdn.jsdelivr.net/npm/vue ] ( https://cdn.jsdelivr.net/npm/vue ) の jsDelivr CDN からの既定のファイルは ランタイム + コンパイラ UMD ビルド (` vue.js ` ) です。
105
+ - ** [ UMD] ( https://github.com/umdjs/umd ) ** : UMD ビルドは ` <script> ` タグによってブラウザに直接利用されます。[ https://cdn.jsdelivr.net/npm/vue ] ( https://cdn.jsdelivr.net/npm/vue@2 ) の jsDelivr CDN からの既定のファイルは ランタイム + コンパイラ UMD ビルド (` vue.js ` ) です。
106
106
107
107
- ** [ CommonJS] ( http://wiki.commonjs.org/wiki/Modules/1.1 ) ** : CommonJS ビルドは [ browserify] ( http://browserify.org/ ) や [ webpack 1] ( https://webpack.github.io ) のような古いバンドラでの利用を意図しています。これらのバンドラ (` pkg.main ` ) のための既定のファイルはランタイム限定 CommonJS ビルド (` vue.runtime.common.js ` ) です。
108
108
Original file line number Diff line number Diff line change 1
1
---
2
2
title : TypeScript のサポート
3
- updated : 2020-05-10
3
+ updated : 2020-11-07
4
4
type : guide
5
5
order : 403
6
6
---
@@ -11,7 +11,7 @@ order: 403
11
11
12
12
静的型システムは、特にアプリケーションが成長するに伴い、多くの潜在的なランタイムエラーを防止するのに役立ちます。そのため、Vue は [ TypeScript] ( https://www.typescriptlang.org/ ) 向けに[ 公式型宣言] ( https://github.com/vuejs/vue/tree/dev/types ) を提供しており、Vue コアだけでなく [ Vue Router] ( https://github.com/vuejs/vue-router/tree/dev/types ) と [ Vuex] ( https://github.com/vuejs/vuex/tree/dev/types ) も同様に提供しています。
13
13
14
- これらは [ NPM に公開] ( https://cdn.jsdelivr.net/npm/vue/types/ ) されており、そして最新の TypeScript は NPM パッケージ内の型宣言を解決する方法を知っています。つまり、NPM でインストールした時、TypeScript を Vue と共に使うための追加のツールを必要としません。
14
+ これらは [ NPM に公開] ( https://cdn.jsdelivr.net/npm/vue@2 /types/ ) されており、そして最新の TypeScript は NPM パッケージ内の型宣言を解決する方法を知っています。つまり、NPM でインストールした時、TypeScript を Vue と共に使うための追加のツールを必要としません。
15
15
16
16
## 推奨構成
17
17
@@ -63,17 +63,17 @@ import Vue from 'vue'
63
63
const Component = Vue .extend ({
64
64
// 型推論を有効にする
65
65
})
66
-
66
+
67
67
const Component = {
68
68
// これは型推論を持っていません、
69
69
// なぜなら、これは Vue コンポーネントのオプションであるということを伝えることができないためです。
70
70
}
71
71
```
72
72
73
73
## クラススタイル Vue コンポーネント
74
-
74
+
75
75
コンポーネントを宣言するときにクラスベース API を使用する場合は、公式にメンテナンスされている [ vue-class-component] ( https://github.com/vuejs/vue-class-component ) のデコレータを使用できます:
76
-
76
+
77
77
``` ts
78
78
import Vue from ' vue'
79
79
import Component from ' vue-class-component'
@@ -193,7 +193,7 @@ const Component = Vue.extend({
193
193
``` ts
194
194
import Vue , { PropType } from ' vue'
195
195
196
- interface ComplexMessage {
196
+ interface ComplexMessage {
197
197
title: string ,
198
198
okMessage: string ,
199
199
cancelMessage: string
@@ -202,7 +202,7 @@ const Component = Vue.extend({
202
202
props: {
203
203
name: String ,
204
204
success: { type: String },
205
- callback: {
205
+ callback: {
206
206
type: Function as PropType <() => void >
207
207
},
208
208
message: {
You can’t perform that action at this time.
0 commit comments