首页  >  文章  >  web前端  >  Vue.js的文本渲染

Vue.js的文本渲染

php中世界最好的语言
php中世界最好的语言原创
2018-03-13 13:58:271497浏览

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

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

1.png

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

推荐阅读:

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

深入JavaScript之JS的运动

深入JavaScript之DOM的高级应用

以上是Vue.js的文本渲染的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn