vue2.0 之文本渲染-v-html、v-text
1、index.html代码
vuedemo2、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