Skip to content

Commit 6fdf465

Browse files
authored
[Doc]: fix: should pin major version in CDN links #2240 (#2248)
* cherry-pick & translate vuejs/v2.vuejs.org@c6121dd
1 parent 3e6d078 commit 6fdf465

File tree

4 files changed

+17
-17
lines changed

4 files changed

+17
-17
lines changed

src/v2/guide/comparison.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: 他のフレームワークとの比較
3-
updated: 2020-01-07
3+
updated: 2020-11-07
44
type: guide
55
order: 801
66
---
@@ -108,7 +108,7 @@ React はその急な学習曲線で有名です。あなたが本当に始め
108108
React と同じように Vue は規模を大きくできますし、一方で、jQuery のように規模を小さくすることもできます。そうです - 使い始めるにあたって、あなたはページの中に 1 つの script タグを放り込むだけで良いのです:
109109

110110
``` html
111-
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
111+
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
112112
```
113113

114114
これであなたは Vue のコードを書き始めることができますし、後ろめたい思いをしたり性能問題について心配したりすることなく、ミニファイ(minify)版をプロダクション環境へ設置することもできます。

src/v2/guide/index.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: はじめに
3-
updated: 2020-03-20
3+
updated: 2020-11-07
44
type: guide
55
order: 2
66
---
@@ -25,14 +25,14 @@ Vue.js を試すには、[Hello World example](https://codesandbox.io/s/github/v
2525

2626
``` html
2727
<!-- 開発バージョン、便利なコンソールの警告が含まれています -->
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>
2929
```
3030

3131
or:
3232

3333
``` html
3434
<!-- 本番バージョン、サイズと速度のために最適化されています -->
35-
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
35+
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
3636
```
3737

3838
Vue の他のインストール方法について、[インストール](../guide/installation.html) ページで紹介しています。注意点として、初心者が `vue-cli` で始めることは推奨**しません**(特に、Node.js ベースのツールについてまだ詳しくない場合)。
@@ -322,7 +322,7 @@ Vue.component('todo-item', {
322322
``` html
323323
<div id="app-7">
324324
<ol>
325-
<!--
325+
<!--
326326
各 todo-item の内容を表す todo オブジェクトを与えます。
327327
これにより内容は動的に変化します。
328328
また後述する "key" を各コンポーネントに提供する必要があります。

src/v2/guide/installation.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: インストール
3-
updated: 2020-06-14
3+
updated: 2020-11-07
44
type: guide
55
order: 1
66
vue_version: 2.5.16
@@ -42,7 +42,7 @@ Vue を使用する場合は、ブラウザに [Vue Devtools](https://github.com
4242
プロトタイピングや学習を目的とする場合は、以下のようにして最新バージョンを使うことができます:
4343

4444
``` 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>
4646
```
4747

4848
本番環境では、新しいバージョンによる意図しない不具合を避けるため、特定のバージョン番号とビルド番号にリンクすることをお勧めします:
@@ -85,7 +85,7 @@ $ npm install vue
8585

8686
## さまざまなビルドについて
8787

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 の多くのさまざまなビルドが見つかります。それらの違いの概要は以下の通りです:
8989

9090
| | UMD | CommonJS | ES Module (バンドラ用) | ES Module (ブラウザ用) |
9191
| --- | --- | --- | --- | --- |
@@ -102,7 +102,7 @@ $ npm install vue
102102

103103
- **ランタイム**: Vue インスタンスの作成やレンダリング、仮想 DOM の変更などのためのコードです。基本的にコンパイラを除く全てのものです。
104104

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`) です。
106106

107107
- **[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`) です。
108108

src/v2/guide/typescript.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: TypeScript のサポート
3-
updated: 2020-05-10
3+
updated: 2020-11-07
44
type: guide
55
order: 403
66
---
@@ -11,7 +11,7 @@ order: 403
1111

1212
静的型システムは、特にアプリケーションが成長するに伴い、多くの潜在的なランタイムエラーを防止するのに役立ちます。そのため、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) も同様に提供しています。
1313

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 と共に使うための追加のツールを必要としません。
1515

1616
## 推奨構成
1717

@@ -63,17 +63,17 @@ import Vue from 'vue'
6363
const Component = Vue.extend({
6464
// 型推論を有効にする
6565
})
66-
66+
6767
const Component = {
6868
// これは型推論を持っていません、
6969
// なぜなら、これは Vue コンポーネントのオプションであるということを伝えることができないためです。
7070
}
7171
```
7272

7373
## クラススタイル Vue コンポーネント
74-
74+
7575
コンポーネントを宣言するときにクラスベース API を使用する場合は、公式にメンテナンスされている [vue-class-component](https://github.com/vuejs/vue-class-component) のデコレータを使用できます:
76-
76+
7777
``` ts
7878
import Vue from 'vue'
7979
import Component from 'vue-class-component'
@@ -193,7 +193,7 @@ const Component = Vue.extend({
193193
```ts
194194
import Vue, { PropType } from 'vue'
195195

196-
interface ComplexMessage {
196+
interface ComplexMessage {
197197
title: string,
198198
okMessage: string,
199199
cancelMessage: string
@@ -202,7 +202,7 @@ const Component = Vue.extend({
202202
props: {
203203
name: String,
204204
success: { type: String },
205-
callback: {
205+
callback: {
206206
type: Function as PropType<() => void>
207207
},
208208
message: {

0 commit comments

Comments
 (0)