当前位置:Gxlcms > JavaScript > Vue.js的文本渲染

Vue.js的文本渲染

时间:2021-07-01 10:21:17 帮助过:2人阅读

这次给大家带来Vue.js的文本渲染,使用Vue.js的文本渲染的注意事项有哪些,下面就是实战案例,一起来看一下。

<template>
  <div id="myapp">
    <p v-text="hello"></p>
    <p v-html="hello"></p>
    <p>{{num+1}}</p>
    {{status ? 'success' : 'fail'}}  </div></template><script>
  export default {    data: function () {      return {        hello: '<span>你是猴子请来的逗比吗?</span>',        num: 1,        status: true
      }
    }
  }</script>

1.png

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

使用Vue.js有哪些注意事项

深入JavaScript之JS的运动

深入JavaScript之DOM的高级应用

以上就是Vue.js的文本渲染的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行