欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Vue.js的文本渲染

程序员文章站 2022-03-30 15:29:08
...
这次给大家带来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>

Vue.js的文本渲染

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

推荐阅读:

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

深入JavaScript之JS的运动

深入JavaScript之DOM的高级应用

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