美文网首页
挂载元素

挂载元素

作者: EnjoyWT | 来源:发表于2020-03-28 14:30 被阅读0次
  1. $mount
<div ref="qwref" id ='qw'/>
import("./vue4.vue").then(component => {
       new Vue(component.default).$mount('#qw')
 }
<div ref="qwref" id ='qw'/>
import("./vue4.vue").then(component => {
      const cpt = Vue.extend(component.default);
      new cpt().$mount("#qw")
 }
  1. el
   var temp = component.default;
   temp.el = "#qw"
   new Vue(temp)
<div ref="qwref" id ='qw'/>
import("./vue4.vue").then(component => {
      const cpt = Vue.extend(component.default);
      new cpt(  el: this.$refs.qw)
 }

以上挂载写法不会被组件当做子组件进行加载

3.动态组件,参考官方文档 动态组件

相关文章

  • 挂载元素

    $mount el 以上挂载写法不会被组件当做子组件进行加载 3.动态组件,参考官方文档 动态组件

  • Vue_template和render

    Vue_template和render template一个替换挂载的元素模板。挂载元素的内容都将被忽略,除非模板...

  • vue 组件原理及创建过程,

    之前我们提到,当vue再挂载到真实dom元素上时,会执行所挂载vue对象的render函数,render函数主要内...

  • Vue: 动态组件

    Vue.js 提供了一个特殊的元素 用来动态地挂载不同的组件,使用 js 特性来选择要挂载...

  • vue swiper 轮播不动

    原因是元素没挂载上,可以在挂载函数mounted中加一个延迟函数让插件在里面实例初始化

  • react的生命周期

    挂载阶段的组件生命周期 我们将reactjs组件渲染并构造DOM元素然后塞入页面的过程称为组件的挂载, 我们知道在...

  • vue.js

    --vue不再去操作dom元素,而是直接操作数据 --第一个vue实例 --挂载点、模板、实例之间的关系 挂载点-...

  • 了解vue3.x新特性

    1.teleport 将某个dom元素挂载到其他节点

  • vue-01

    1. vue-'Hellow World' el: 元素的挂载位置(值可以是CSS选择器或者DOM元素) data...

  • Vue获取动态样式的宽度;监听获取浏览器的高度和宽度

    一。用vue 获取动态元素的宽度。首页,要放在this.el挂载此元素,下面贴代码

网友评论

      本文标题:挂载元素

      本文链接:https://www.haomeiwen.com/subject/gdwjuhtx.html