vue神奇的地方

一、根据不同的状态, 展示不同的字体颜色

:style="`color: ${item.status === 1 ? 'rgb(71, 139, 242)' : 'rgb(252,28,28)'};`" 这个模板字符串神奇爆了

<form-preview
  class="one-txt-cut"
  :header-label="`时间： ${time(item.updateTime)}`"
  :header-value="statusMap(item.status)"
  :body-items="item.list"
  :style="`color: ${item.status === 1 ? 'rgb(71, 139, 242)' : 'rgb(252,28,28)'};`"
></form-preview>

二、按需加载

vue是单页面应用程序. 但是有两种玩法.

1. 不按需加载
   打包的时候, html/css/js各生成一个文件, 在首屏加载的时候, 一次性全部加载. 如果页面太多, 文件太大的话, 会慢
2. 按需加载
   在路由里, 配置按需加载. https://segmentfault.com/a/1190000011519350
   这样的话, 一个组件会生成一个js文件. 这个js文件就是该组件里所有的内容. 路由跳到哪, 就加载对应的js文件. 减缓了首屏的压力. 所有项目很大的话, 可以用按需加载的方法~

三、为何单页面应用程序不利于seo

seo 就是搜索引擎优化(百度, 谷歌), seo好, 搜索排名就好.
单页面应用程序的index.html里没有dom结构, dom是js动态生成的(虚拟dom), 搜索引擎爬虫爬不到.

四、小胡子语法可以并用

<p class="details fr one-txt-cut">第{{ qc }}/{{ allterm }}期</p>
效果：
第1/4期