vue 插槽
Vue 插槽
2023-09-11 14:22:19 时间
代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>插槽</title> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> </head> <body> <div id="root"> <child> <p>World</p> </child> </div> <script> Vue.component('child',{ template:'<div><p>Hello</p><slot 默认内容></slot></div>' }); var vm=new Vue({ el:'#root', }) </script> </body> </html>
效果;
相关文章
- Vue笔记:vue-router
- Vue笔记:vue项目引入bootstrap、elementUI、echarts
- Vue自定义组件插入值
- [Vue @Component] Simplify Vue Components with vue-class-component
- Vue.js3: 页面打开前实现图片全部预加载(vue@3.2.33)
- [Vue @Component] Simplify Vue Components with vue-class-component
- [Vue] Get up and running with vue-router
- vue报错:Module build failed: Error: Node Sass does not yet support your current environment: Windows
- Vue入门教程:node安装vue命令行工具及启动项目
- vue 中插槽共有几种,及插槽的作用
- vue 导航守卫与 jq 导航拦截器的介绍
- vue-tour快速入门:VUE项目中如何使用vue-tour新手引导指引插件?怎样使用?包含具体实例
- vue 的 render 函数的用法:new Vue({ render: h => h(App), }).$mount(‘#app‘)
- HTML春联(部分Vue)有源码_有素材_包满意
- Vue:插槽属性prop的使用示例
- 如何在Vue组件中调用封装好的外部js文件方法
- Vue中vue-i18n结合vant-ui实现国际化
- 155:vue+openlayers 设置地图的反转色、复古色、灰度图、原始图
- 151:vue+openlayers 使用图片来标识不同地图,点击更换底图
- Vue(二)vue 指令及用法举例
- Vue(一)vue 概述与用法、MVVM、绑定语法、vue 指令
- 解决vue-cli项目打包出现空白页和路径错误的问题
- vue-tour快速入门:VUE项目中如何使用vue-tour新手引导指引插件?怎样使用?包含具体实例