vue2.0 之文本渲染-v-html、v-text
生活随笔
收集整理的這篇文章主要介紹了
vue2.0 之文本渲染-v-html、v-text
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 用C#操作word替换字符，用spire
- 下一篇： 从 Vue 1.x 迁移 — Vue.j