阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      Vue.js mount

      vm.$mount( [elementOrSelector] )

      • 参数

        • {Element | string} [elementOrSelector]
        • {boolean} [hydrating]
      • 返回值vm - 实例自身

      用法

      如果 Vue 实例在实例化时没有收到 el 选项,则它处于“未挂载”状态,没有关联的 DOM 元素。可以使用 vm.$mount() 手动地挂载一个未挂载的实例。

      如果没有提供 elementOrSelector 参数,模板将被渲染为文档之外的的元素,并且你必须使用原生 DOM API 把它插入文档中。

      这个方法返回实例自身,因而可以链式调用其它实例方法。

      示例

      var MyComponent = Vue.extend({
        template: '<div>Hello!</div>'
      })
      
      // 创建并挂载到 #app (会替换 #app)
      new MyComponent().$mount('#app')
      
      // 同上
      new MyComponent({ el: '#app' })
      
      // 或者,在文档之外渲染并且随后挂载
      var component = new MyComponent().$mount()
      document.getElementById('app').appendChild(component.$el)
      

      参考

      目录
      目录