vue挂载节点的几种写法(mount或render)

Posted mengff

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue挂载节点的几种写法(mount或render)相关的知识,希望对你有一定的参考价值。

//vue2.x写法
new Vue({
   router,
   render: h => h(App)
}).$mount("#app");

//或者
new Vue({
    el: ‘#app‘,
    router,
    render: h => h(App)
});

//也可以先得到Virtual DOM,再挂载
var component = new MyComponent().$mount()
document.getElementById(‘app‘).appendChild(component.$el)

//vue1.x写法
new Vue({
    el: ‘#app‘,
    components: { App }
});

 

以上是关于vue挂载节点的几种写法(mount或render)的主要内容,如果未能解决你的问题,请参考以下文章

vue页面的渲染过程

关于vue

Vue挂载

Vue 2.6版本基础知识概要

vue2源码-- 挂载阶段

Vue 的构造器——extend 与手动挂载$mount