vue2.0 之文本渲染-v-html、v-text

1、index.html代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>vuedemo</title></head><body><div id="app"></div><!-- built files will be auto injected --></body>
</html>

2、main.js代码

import Vue from 'vue'
import App from './App'Vue.config.productionTip = false/* eslint-disable no-new */
new Vue({el: '#app',render: h => h(App)
})

render: h => h(App)是ES6的语法，实际上它等同于

render: function(h) {
　　return h(App)
}

3、App.vue代码

<template><div><p v-text="hello"></p><p v-html="hello"></p>{{ num }}<br>{{ status ? 'success' : 'fail' }}</div>
</template><script>export default {data () {return {hello: '<span>Hello World</span>',num: 1,status: true}}}
</script><style>html {height: 100%;}
</style>

页面展示

转载于:https://www.cnblogs.com/shhnwangjian/p/7074611.html

vue2.0 之文本渲染-v-html、v-text相关推荐

vue将文本渲染html,vue2.0 之文本渲染-v-html、v-text
vue2.0 之文本渲染-v-html.v-text 1.index.html代码 vuedemo 2.main.js代码 import Vue from 'vue' import App from ...
Vue2.0 组件文本超出3行显示... 点击查看更多可以查看全部内容(展开收起)
效果 <template><div ref="txttype" class="bottom"><div :class=" ...
Vue2.0 v-for列表渲染 backgroundImage动态加载url
最后的代码: 说明: 本项目图片放置位置:vue项目下 src/assets -HTML <router-link class='routerNav' v-for='(mainNavitem,i ...
vue2.0 通过v-html指令渲染的富文本无法修改样式的解决方案
vue2.0 通过v-html指令渲染的富文本无法修改样式的解决方案参考文章: (1)vue2.0 通过v-html指令渲染的富文本无法修改样式的解决方案 (2)https://www.cnblog ...
Vue基础——VueJS是什么、Vue的优缺点、vue2和vue3的模板区别、MVVM数据双向绑定、Vue的安装和使用、Vue模板语法-文本渲染、常用的vue的指令
目录一.VueJS是什么? 二.Vue的优缺点三.MVVM 数据双向绑定四.Vue的安装和使用五.Vue模板语法-文本渲染六.常用的vue的指令一.VueJS是什么? 它是一个轻量级MVV ...
有没有更好的写v =（v == 0？1：0）的方法; [关闭]
本文翻译自:Is there a better way of writing v = (v == 0 ? 1 : 0); [closed] I want to toggle a variable be ...
Oracle 11g 数据恢复数据误删除后的恢复 0、执行 select log_mode from v$database;查看是否为归档模式 1、确定删除时间和被删除的表 04-23，GR
Oracle 11g 数据恢复数据误删除后的恢复 0.执行 select log_mode from v$database;查看是否为归档模式 1.确定删除时间和被删除的表 04-23,GRDA0 ...
浅析vue2.0的diff算法
一.前言如果不了解virtual dom,要理解diff的过程是比较困难的. 虚拟dom对应的是真实dom, 使用document.CreateElement 和 document.CreateTe ...
【Vue学习笔记】尚硅谷Vue2.0+Vue3.0全套教程丨vue.js从入门到精通
尚硅谷Vue2.0+Vue3.0全套教程丨vue.js从入门到精通 1.Vue核心部分 1.1 Vue简介 1.1.1 Vue是什么? Vue是一套用于构建用户界面的渐进式JavaScript框架. ...

vue2.0 之文本渲染-v-html、v-text

vue2.0 之文本渲染-v-html、v-text

vue2.0 之文本渲染-v-html、v-text相关推荐

最新文章

热门文章