在这个笔记列表上显示的笔记项目，我想只显示一段截取的内容 .. 这里可以先在页面上嵌入一个库 .. https://unpkg.com/lodash

再打开 app.js .. 找到 Note 组件，先添加一个 computed 属性 .. 里面再添加一个 header 方法 .. 它 return 就是截取之后的笔记内容 .. 用一下我们刚才嵌入的 lodash 里提供的方法 .. _.truncate .. 截取的是 this.entity.body .. 截取的 length ，也就是长度是 30 个字儿 { length: 30 }

这样在这个 header 元素里面，我们可以绑定输出这个 header ..

预览

回到浏览器，再去试一下 .. 在这个笔记内容里面输入一段比较长的文字 ... 这样会截取其中的 30 个字儿作为这个笔记项目的标题显示在上面 ..