vue的v-html使用

使用vue忙碌的开发了几个月的项目，最近终于得以喘息。现在把开发中的问题，总结一下。方便以后观看。

1.vue项目中何时使用v-html标签绑定数据？

当你的数据中有html元素标签，并且希望按照元素标签的样式显示的时候，这个时候就需要使用v-html来绑定数据。

例子：

js代码部分：

export default {

data () {

myMess: '<h1> Hello World!</h1>'

}

html代码部分：

2.v-html和一般的绑定的区别：

还是使用上面的代码，一般的绑定：<div>{{myMess}}</div>

3.效果：

v-html的效果：

一般绑定效果：

vue的v-html使用相关推荐

Uncaught SyntaxError: The requested module ‘/node_modules/.vite/deps/vue.js?v=3e1adf4e‘ does not ...
vue3导入全局变量时,可以运行但是会一直显示报错,如图: 解决方法如下: 在 Vue.js 3 中,"@vue/runtime-core" 是一个包含 Vue.js 运行时核心的 ...
Uncaught SyntaxError: The requested module ‘/node_modules/.vite/vue.js?v=bd1817bb‘ does not provide
vite 2.7.8 启动后报错暂时不清楚是 2.7.8 的版本问题还是其他问题.将版本降低到 2.6.13 解决还有可能是vite 预编译缓存的问题,把 node_modules 下的 .vit ...
inc si指令的作用_【Vue】Re04 指令：第二部分 - emdzz
一.v-on指令作用是用来将元素绑定事件监听器,触发特定的函数执行一定功能关键字:事件监听 <!DOCTYPE html><html lang="en"> ...
vue笔记——本地应用
本地应用文章目录本地应用 1.内容绑定,事件绑定 v-text v-html v-on(为元素绑定事件) 事件引发弹出窗口点击改变文本 **计数器** 2.显示切换,属性绑定 v-show v- ...
如何使用Vue.js中的set设置对象属性值
1.问题背景使用vue初始化一个对象v,并在data中初始化一个空对象obj,然后使用Vue.set()给对象obj添加属性 2.实现源码 <!DOCTYPE html> <htm ...
大白话讲解Vue前端框架
首先介绍一个很不错的网站:http://www.runoob.com/vue2/vue-tutorial.html 我们在不知道一些语法的时候,可以过来查询. Vue.js(读音 /vjuː/, 类似 ...
踩坑记15 动态路由 router.options.routes未更新 | vue升级 element-plus未适配vue3.2.x | vite glob导入动态加载组件，不能使用别名alias
2021.8.12 坑50(vue-router4.addRoute().router.options.routes未更新):进行动态权限获取菜单的设置,使用了addRoute()来添加路由,但是ro ...
day02 听写 vue
听写1 1.创建一个标签(div) 2.创建一个M来储存数据 3.用vue将v和M关联起来听写2 1.插值表达式 {{msg}} 2.以v-text文本方式写入数据 v-text 3.以v-html ...
win10安装和搭建vue环境
win10安装和搭建vue环境安装nodejs 配置环境变量安装vue 配置淘宝镜像安装nodejs 在安装Vue环境之前,首先需要安装Nodejs,然后通过npm命令安装vue.官方的说法是: ...
1. Windows 10 - Node与Vue - 安装 Vue 2.x 及 3.x 框架 - 项目创建要点
目录前言一.vue 简介: 1.npm简介 2.cnpm 简介二.设置node的全局和缓存路径手动创建node.js的全局和缓存路径目录 Windows命令行配置node.js的全局和缓存路径 ...

vue的v-html使用

vue的v-html使用相关推荐

最新文章

热门文章