网站怎么做json数据,平面设计广告图,陕西网络营销外包专业定制,wordpress支付宝应用网关设置1.teleport 在组件内的任何位置渲染内容
将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。
例:将组件dialog添加到body下面
teleport tobody el- dialog -- /teleport
2.fragments 多个根元素外层不需要…1.teleport 在组件内的任何位置渲染内容
将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。
例:将组件dialog添加到body下面
teleport tobody el- dialog -- /teleport
2.fragments 多个根元素外层不需要包裹
fragment div11/divdiv22/div/fragment
3.render 函数渲染组件视图 通过函数实现以上模板语法
render() {return h(div, [h(button, { on: { click: this.toggleText } }, Toggle Text),h(div, { style: { display: this.showText ? block : none } }, this.text)]);}
4. 自定义指令
例子 聚焦
templatedivinput v-auto-focus //div
/templatedirectives: {autoFocus: {mounted(el) {el.focus();}}}
5. suspense 异步组件加载等待过程中优先显示一些其他的内容 templatedivSuspensetemplate #default
//template #default这层包裹可去掉AsyncComponent //templatetemplate #fallbackdivLoading.../div/template/Suspense/divimport { defineAsyncComponent } from vue;
const AsyncComponent defineAsyncComponent(() import(./AsyncComponent.vue));6. Provide/Inject 父子孙...通信
//父
import { provide } from vue;
provide(tosunFunc, tosunData);//子孙
import { inject } from vue;
const tosunData inject(tosunFunc)
