標籤：bsp script product render com meta type int lin
vue2.0 之文本渲染-v-html、v-text1、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>
頁面展示
vue2.0 之文本渲染-v-html、v-text
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
