vue快速入门(四)v-html

注释很详细,直接上代码

上一篇

新增内容

使用v-html将文本以html的方式显示

源码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- 挂载点 -->
  <div id="root">
    <!-- 直接插入的方式 -->
    <div>{{msg}}</div>
    <!-- 使用v-html插入的方式 -->
    <div v-html="msg"></div>
  </div>

  <!-- 导入vue的js代码 -->
  <script src="./lib/vue2.js"></script>

  <script>
    const app = new Vue({// Vue实例
      el: '#root',// 挂载点
      data: {// 数据
        msg:'<h1>Hello Vue!</h1>'
      }
    })
  </script>
</body>
</html>

效果演示

在这里插入图片描述

相关推荐

  1. 快速入门HTML

    2024-04-04 02:04:03       50 阅读
  2. HTML快速入门笔记

    2024-04-04 02:04:03       38 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-04 02:04:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-04 02:04:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-04-04 02:04:03       82 阅读
  4. Python语言-面向对象

    2024-04-04 02:04:03       91 阅读

热门阅读

  1. android跳转到系统设置wifi界面

    2024-04-04 02:04:03       34 阅读
  2. Vue.js组件精讲 开篇:Vue.js的精髓——组件

    2024-04-04 02:04:03       32 阅读
  3. PHP教程_PHP5函数str_replace替换字符串中的字符

    2024-04-04 02:04:03       31 阅读
  4. 跟我学c++高级篇——常见的反射框架

    2024-04-04 02:04:03       35 阅读
  5. 设计模式|状态机模式(State Machine Pattern)

    2024-04-04 02:04:03       40 阅读
  6. OAuth 2.0(Open Authorization 2.0)授权框架入门介绍

    2024-04-04 02:04:03       34 阅读
  7. vue3.3优化了defineProps和defineEmits写法

    2024-04-04 02:04:03       37 阅读
  8. C# OAuth单点登录的实现

    2024-04-04 02:04:03       39 阅读
  9. [ RV1108_LINUX] 关于如何调整cpu中vdd_core的电压

    2024-04-04 02:04:03       35 阅读
  10. uniapp 打开抖音小程序

    2024-04-04 02:04:03       35 阅读