vue中的挂载是什么意思?

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。

vue中的挂载是什么意思?

将组件渲染,并且构造 DOM 元素然后塞入页面的过程称为组件的挂载。

vue几种挂载方式区别

1、第一种,最常见.vue-cli模板就是这样

import Vue from 'vue'
import App from './App'
new Vue({
    el: '#app',//#app 元素的 outerHTML 是 Vue 模板,该模板可以被编译成 render function。
    template: '<App/>',
    components: { App }
})

2、第二种,这种挂载是直接挂载到入口文件index.html 的 id=app 的dom 元素上

new Vue({
    router,
    store,
}).$mount('#app')

3、第三种,

new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app')

4、第四种,

new Vue({
     el:'#app',  
     router,  
     render: h =>h(App
})

5、第五种:

var options = {
    el: '#app',
     store,
     router,
     ...App
};
new Vue(options)

$mount()用于手动挂载

当Vue实例没有el属性时,则该实例尚没有挂载到某个dom中假如需要延迟挂载,可以在之后手动调用vm.$mount()方法挂载。

例如:

newVue({router,render:h=>h(App)}).$mount("#app");

render: x => x(App)// 这里的render: x => x(App)是es6的写法//

转换过来就是: 暂且可理解为是渲染App组件//

render:(function(x){// return x(App);// });

更多前端开发知识,请查阅 HTML中文网 !!

以上就是vue中的挂载是什么意思?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读