Vue.js 3を使用したCDNの導入方法

Vue.js 3のCDNリンクを追加する: Vue.js 3の公式CDNリンクをHTMLファイルのセクション内に追加します。以下は一例です:
```
<head>
 <script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
</head>
```
Vueアプリケーションの初期化: Vue.js 3を使用してアプリケーションを構築するためには、Vueインスタンスを初期化する必要があります。以下は基本的な初期化の例です:
```
<body>
 <div id="app">
   {{ message }}
 </div>
 <script>
   const app = Vue.createApp({
     data() {
       return {
         message: 'Hello, Vue!'
       }
     }
   })
   app.mount('#app')
 </script>
</body>
```
上記の例では、Vueインスタンスを作成し、データオプションでメッセージを定義し、"#app"というIDを持つ要素にマウントしています。
Vueコンポーネントの作成と利用: Vue.js 3では、コンポーネントベースのアプローチが推奨されています。以下は、Vueコンポーネントの作成と利用の例です:
```
<body>
 <div id="app">
   <my-component></my-component>
 </div>
 <script>
   const app = Vue.createApp({})
   app.component('my-component', {
     template: '<h2>This is my component!</h2>'
   })
   app.mount('#app')
 </script>
</body>
```
上記の例では、"my-component"という名前のVueコンポーネントを作成し、テンプレート内に表示するコンテンツを定義しています。

以上が、Vue.js 3をCDN経由で導入し、基本的な使用方法を示したコード例です。CDNを使用することで、Vue.js 3を手軽に導入し、ウェブアプリケーションの開発を始めることができます。