vue 基础知识

1. v-if 的使用： 假如后端传过来的数据，1 表示 “已完成”， 0表示 “未完成”， 那么如何根据 1、0显示出对应的表示信息呢？

<p><span v-if="data.isFinished === 0">未完成</span><span v-if="data.isFinished === 1">已完成</span></p>

2. v-for 的使用：

3. vue 文本换行问题：https://www.cnblogs.com/leegent/p/9274424.html

    从后端传过来的数据，明明是换行，却都替换成空格了。

    解决办法：设置 white-space 属性。

    pre-wrap值的意思是保留空白并且正常换行。其实设置为pre即可使换行符发挥作用，但这时文本在div宽度不足时不会自动换行，而是撞破边界延伸到div外部去，所以还得加上wrap。

// CSS部分
.text-wrapper {
  white-space: pre-wrap;
}
// HTML部分
<div class="text-wrapper">{{text}}</div>