Rumah > hujung hadapan web > tutorial js > Vue.js的文本渲染

Vue.js的文本渲染

php中世界最好的语言
Lepaskan: 2018-03-13 13:58:27
asal
1553 orang telah melayarinya

这次给大家带来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>
Salin selepas log masuk

1.png

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

推荐阅读:

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

深入JavaScript之JS的运动

深入JavaScript之DOM的高级应用

Atas ialah kandungan terperinci Vue.js的文本渲染. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan