程式碼參考如下:
<template>
<div class=”myfont”>
{{mymsg}}
</div>
</template>
<script>
export default{
data(){
return{
mymsg:”hi,mymsg!”
}
}
}
</script>
<style>
.myfont{
background:yellow;
}
</style>
再開啟路徑:src/router/index.js,程式碼參考如下:
import Vue from ‘vue’
import Router from ‘vue-router’
import HelloWorld from ‘@/components/HelloWorld’
import mytest from ‘@/components/mytest’
Vue.use(Router)
export default new Router({
routes: [
{
path: ‘/’,
name: ‘HelloWorld’,
component: HelloWorld
},
{
path: ‘/mytest’,
name: ‘mytest’,
component: mytest
}
]
})