极客观点
项目管理
HarmonyOS
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>vue</title>
<link rel="stylesheet" type="text/css" href="beginner.css">
<script type="text/javascript" src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/vue-router/2.7.0/vue-router.min.js"></script>
</head>
<body>
<div id="temp">
<h1>你喜欢谁</h1>
<p>
<router-link to="/guojie">Guojie</router-link>
<router-link to="/gj">Gj</router-link>
</p>
<router-view></router-view>
<guojie></guojie>
<gj></gj>
</div>
<script>
Vue.component('Guojie',{template:'<div>郭杰也喜欢你哦</div>'})
Vue.component('Gj',{template:'<div>gj也喜欢你哦</div>'})
var r=[
{path:'/guojie',component:Guojie},
{path:'/gj',component:Gj}
]
var rout=new Router({
mode:'history',
routes:r
})
var vm=new Vue({
el:'#temp',
router:rout
})
</script>
</body></html>
html5
java
