前端萌新实习总结--2

 

1...

routes = [...routes, ...mgmRoute, ...bbsRoute]

...为es6扩展运算符，将数组转化为逗号分隔的参数序列

 

2.query

<router-link tag="div" :to="{path:'index',query:{id:catalog.catalogId}}" class="ellipsis">
     {{catalog.catalogName}}
</router-link>

query：传参，相当于在url后加上？id=ef343lkdr4563...

3.meta

  path: '/norole',
  name: 'noRole',
  component: resolve => require(['@/view/noRole'], resolve),
  meta: {
    title: '无访问权限',
    anonymous: true,
    bgGrey: true,
    vcode: VCODES.BBS_INDEX,
    target: 'community',
    mainPageCode: 'mbbs_index'
  }

路由元信息

 

4.vue-i18n实现国际化,$t的使用

https://segmentfault.com/a/1190000015008808

5.dl,dt,dd

dl：Definition list
定义列表
dt：Definition title
定义标题
dd：Definition Description
定义描述
dt里是放置信息标题的，dd则是这个信息的简单概要的描述，
也就是说一个dt对应有一个dd来描述它
dd里面的内容可以是任意的，图片、文本甚至是视频或音频
多个类似的dt和dd组成一个dl

那么dl dt dd适合表现例如：带摘要的新闻列表、带缩略图和其他描述的产品列表……