ホームページ >ウェブフロントエンド >jsチュートリアル >Vue.js を使用したテキストのレンダリング

Vue.js を使用したテキストのレンダリング

php中世界最好的语言
php中世界最好的语言オリジナル
2018-03-13 13:58:271555ブラウズ

今回は、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>

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

Vue.js を使用したテキストのレンダリング推奨読書:

Vue.jsを使用する際の注意事項とは何ですか

JavaScriptでのJSの動作の詳細な分析

JavaScriptでのDOMの詳細な高度な適用

以上がVue.js を使用したテキストのレンダリングの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。