當(dāng)前位置：
首頁(yè) >
vue2.0 之文本渲染-v-html、v-text
發(fā)布時(shí)間：2025/3/15
46
豆豆
生活随笔
收集整理的這篇文章主要介紹了
vue2.0 之文本渲染-v-html、v-text
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
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的語(yǔ)法，實(shí)際上它等同于
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>頁(yè)面展示
?
轉(zhuǎn)載于:https://www.cnblogs.com/shhnwangjian/p/7074611.html
總結(jié)
以上是生活随笔為你收集整理的vue2.0 之文本渲染-v-html、v-text的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 用C#操作word替换字符，用spire
- 下一篇： 从 Vue 1.x 迁移 — Vue.j