Vue
Googleでログイン
問題6：コンポーネントを読み込んでみよう！
Vueコンポーネントを読み込んでみよう。
templeteに'
コンポーネントとして読み込み、画面に出力してほしい。
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¥
期待する画面
解答ソースコード
<script>
import NinjaCode from "@/components/NinjaCode.vue"
export default {
components: {
NinjaCode,
}
}
</script>
¥Vue¥
完了にする！
活動記録をTweetする
'