分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

Vue.js(12)- 霸道的render函数渲染组件

发布时间:2023-09-06 02:22责任编辑:白小东关键词:js组件

index.html

 ?<div id="app"> ???<p>这是index.html</p> ?</div>

index.js

// 导入全的vue// import Vue from ‘vue/dist/vue.js‘// 导入阉割版的vueimport Vue from ‘vue‘import App from ‘./app.vue‘const vm = new Vue({ ?el: ‘#app‘, ?template: `<div>这是template模板页面</div>`, ?// render函数会把页面上原来的都覆盖掉,le和template都都没有意义了,此时可以使用阉割版的vue了 ?// createElement 是vue传的形参 ?// render: function(createElement) { ?// ??return createElement(App) ?// } ?// 简化后的函数 ?render: c => c(App)})

app.vue

<template> ?<div id="app1111"> ???<h1>这是render函数组件</h1> ?</div></template>

Vue.js(12)- 霸道的render函数渲染组件

原文地址:https://www.cnblogs.com/houfee/p/9968293.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved