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%;

}

页面展示

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