>  기사  >  웹 프론트엔드  >  Vue.js를 사용한 텍스트 렌더링

Vue.js를 사용한 텍스트 렌더링

php中世界最好的语言
php中世界最好的语言원래의
2018-03-13 13:58:271522검색

이번에는 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>

Vue.js를 사용한 텍스트 렌더링

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

Vue.js 사용 시 주의 사항은 무엇인가요?

JavaScript에서 JS 동작 심층 분석

JavaScript에서 DOM 심층 적용

위 내용은 Vue.js를 사용한 텍스트 렌더링의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.