老师,两个页面都不显示
路由:
import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import demo1 from '@/pages/demo1/index.vue'
import demo2 from '@/pages/demo2/index.vue'
import demo3 from '@/pages/demo3/index.vue'
import demo4 from '@/pages/demo4/index.vue'
import demo5 from '@/pages/demo5/index.vue'
import home from '@/pages/home/index.vue'
import Detail from '@/pages/Detail/index.vue'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/',
name: 'HelloWorld',
component: HelloWorld
},
{
path: '/demo1',
name: 'demo1',
component: demo1
},
{
path: '/demo2',
name: 'demo2',
component: demo2
},
{
/*userId前面的冒号是通配符,指可以传递任意参数*/
path: '/demo3/:Id',
name: 'demo3',
component: demo3
},
{
path: '/demo4',
name: 'demo4',
component: demo4
},
{
path: '/demo5',
name: 'demo5',
component: demo5
},
{
path:'/home',
name:'home',
component: home
},
{
path:'/Detail',
name:'Detail',
component: Detail
}
]
})
rem.js:
// 立即执行函数
(function() {
// 定义a方法
function a() {
// 获取视口宽度
var b = document.documentElement.clientWidth;
// 判断视口宽度是是否大于750,如果大于750,那么b的值为750,否则为获取到的值
b = b > 750 ? 750 : b
// 计算字体大小,视口宽度/750*100
var c = b / 750 * 100;
// 设置html字体大小
document.getElementsByTagName("html")[0].style.fontSize = c + "px"
}
// 默认调用a方法
a();
//视口宽度改变的时候调用a方法
window.onresize = a;
})();
home:
<template>
<div class="home-page">
home
</div>
</template>
正在回答 回答被采纳积分+1
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理,通过ES6基础知识和前端主流高级框架的学习,助你快速构建企业级移动webAPP应用,进入职场的终极battle
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星