画像




ページを追加するメモ。




ページを追加する時は、pagesディレクトリに.vueファイルを追加

画像





sample1.vue


<template>

<h1>sample1</h1>

</template>


<style>

h1 {
color: #00AA00;
}

</style>


<script>

console.log('Vue.js Sample1');

</script>


sample2.vue


<template>

<h1>sample2</h1>

</template>


<style>

h1 {
color: #000000;
}

</style>


<script>

console.log('Vue.js Sample2');

</script>




http://localhost:3000/sample1」を実行

画像




http://localhost:3000/sample/sample2」を実行

画像







Q&A