問題
6
Vue.js
コンポーネントを読み込んでみよう！
Vue.jsの問題に挑戦しよう！
問題
「コンポーネントを読み込んでみよう！」
Vueコンポーネントを読み込んでみよう。
templeteに'
This is NinjaCode Component!
'を持つvueファイルをコンポーネントとして読み込み、画面に出力してほしい。
あらかじめエディタに書くコード
--- App.vue
<template>
<div id="app">
<ninjacode>
</ninjacode></div>
</template>
¥Vue¥
--- NinjaCode.vue
<template>
<div>
<h1>This is NinjaCode Component!</h1>
</div>
</template>
¥Vue¥
期待する画面
解答と解説（コンポーネントを読み込んでみよう！）
解説
LINE登録して解答を見る
※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます
まずは'import'と'components'用いてvueファイルをコンポーネントとして読み込もう。
'
