Vue中v-html的用法

在Vue语法中,通过{{}}可以输出文本变量,当时它并不能实现在一个标签语句加入一个新的标签语句,这时候需要用到v-html属性来完成操作

DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Titletitle>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js">script>
head>
<body>
  <div id="app">

    {{name}}

    <p>{{html}}p>

    <p v-html="html">p>
  div>
  <script>
    var vm = new Vue({
      el: '#app',
      data: {
        name:'chen',
        html: 'Hello Vue'
      }
    })
  script>
body>
html>

结果:

Vue中v-html的用法_第1张图片

你可能感兴趣的:(Vuejs,vue.js,html)