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 \'./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%;

}

页面展示