marked 将 README.md 转换成 vue组件时候，遇到{{}} 页面就警告怎么处理？

Question

// 读取markdown转换为vue组件
fs.readFile(file, 'utf-8', function (err, data) {
  if (err) {
    throw err
  }
  let body = marked(data,{renderer: renderer})
  let innerHtml = '<template>' +
                    '<div class="content-wrapper text-left">' +
                      body +
                    '</div>' +
                  '</template>'
  fs.writeFile(distpath, innerHtml, function (err) {
    if (err) {
      throw err
    }
    spinner.stop('转换成功')
  })
})

我将readme.md 读取之后在外边添加<template></template>变成vue组件，但是如果我readme里面用了{{xx}}的时候，转换后的vue组件就报错了，显示 Property or method "xx" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option， 就是vue 组件的data里面没定义，请问这个怎么解决？

Answer 1

在最外层的div上加一个v-pre属性试试