前端路由： 根据不同分Hash地址，切换不同的组件
监听Hash值的改变切换不同组件
hash值改变时触发
window.onhashchange = function(){
location.hash（获取hash值）
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="../lib/vue-2.4.0.js"></script>
</head>
<body>
<div id="app">
<a href="#/a">a</a>
<a href="#/b">b</a>
<a href="#/c">c</a>
<component :is="comname"></component>
</div>
<script type="text/javascript">
Vue.component('com1', {
template: '<h3>组件a</h3>'
})
Vue.component('com2', {
template: '<h3>组件b</h3>'
})
Vue.component('com3', {
最低0.47元/天 解锁文章
263
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
