今天看了下 vue router 的文档,自己写了个小 demo,代码如下
<html>
<head>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
</head>
<body>
<div>
<router-link to="/home">Home</router-link>
<router-link to="/about">About</router-link>
<div id="app">
<router-view></router-view>
</div>
</div>
<script>
var Home = Vue.extend({
template: '<div><h1>Home</h1><p>{
{msg}}</p></div>',
data: function() {
return {
msg: 'Hello, vue router!'
}
}
})