<body>
<div id="app">
<p>444444</p>
</div>
<script>
var login = {
template: '<h1>這是登錄組件</h1>'
}
// 創建 Vue 實例,得到 ViewModel
var vm = new Vue({
el: '#app',
data: {},
methods: {},
render: function (createElements) { // createElements 是一個 方法,調用它,能夠把 指定的 組件模板,渲染爲 html 結構
return createElements(login)
// 注意:這裏 return 的結果,會 替換頁面中 el 指定的那個 容器
}
});
</script>
</body>
Vue--使用render函數渲染組件
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
Uniapp中父組件向子組件傳遞prop,新的prop會帶有舊的prop屬性
py_boy
2020-07-08 12:07:32
Vue加載OpenLayer入門教程(超簡單)
来日可期啊
2020-07-08 12:37:34
element-ui中的el-table-column加v-if不生效,表頭錯亂
項目中需要按照不同的媒體類型,展示不同的表頭且數據字段也不同。可以增加不同key值解決v-if不生效問題。 <el-table-column prop="author" align="center"
杨哥杨哥万万岁
2020-07-08 12:30:46
vue中index.html文件爲什麼可以使用模板語法
杨哥杨哥万万岁
2020-07-08 12:30:46
富文本編輯器之————Vue-Quill-Editor
ddx2019
2020-07-08 11:55:42
Html Webpack Plugin: ReferenceError: process is not defined
修改ejs文件 將<% if (!process.browser) {%> 改成: <% if (!require(‘process’).browser) { %>
真·skysys
2020-07-08 11:54:32
electron-vue項目引入element-ui
真·skysys
2020-07-08 11:54:31
後端 Java 程序員眼中的 Vue——(一)創建及運行
厕所博士
2020-07-08 11:50:38
Axios--基礎知識
GQ_cyan
2020-07-08 11:50:38
Element-ui
狂风
2020-07-08 11:49:25
vue.js 裏面,什麼是虛擬DOM?
阿冰介
2020-07-08 11:48:15
vue 是怎麼實現數據響應的
阿冰介
2020-07-08 11:48:15
基於activiti5.22、SpringBoot2開發的流程解決方案,源碼分享
一直孤独的程序猿
2020-07-08 11:39:18
開發這樣一個複雜的表單你需要用多久
迷路的蝙蝠
2020-07-08 11:35:02