Vue.jsはじめます #Vue.js

(1)

へアクセスします。

(2)

CDNをコピペしてください。ダウンロードへダウンロードします。

（３）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue TEST</title>
<!-- Vue.js を読み込む -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
</head>
<body>

<div id="app-1">{{ message }}</div>  <!-- {{ message }} が Vueデータに置換される -->

<script>
var app1 = new Vue({
  el: '#app-1',                        /* #app-1 要素に対して Vue を適用する */
  data: { message: 'Hello world!' }    /* message という名前のデータを定義する */
})
</script>

</body>
</html>

ブラウザで確認する方法

を右クリック

Finderで表示しますを選択

ファイルをクリックします。

Vue.js入門 - とほほのWWW入門
https://www.tohoho-web.com/ex/vuejs.html#how_to_use