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

1、index.html代碼

vuedemo

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代碼

{{ num }}

{{ status ? ‘success‘ : ‘fail‘ }}

export default {

data () {

return {

hello: ‘Hello World‘,

num: 1,

status: true

}

}

}

html {

height: 100%;

}

頁面展示

原文：http://www.cnblogs.com/shhnwangjian/p/7074611.html

總結

以上是生活随笔為你收集整理的vue将文本渲染html,vue2.0 之文本渲染-v-html、v-text的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。