main.js的作用_main和voidmain[通俗易懂]

main.js文件内容含义

1、关闭生产提示

Vue.config.productionTip = false

2、关闭调试插件提示

Vue.config.devtools = false

new Vue({
  router,
  store,
  render: h => h(App)      // 箭头函数的写法
}).$mount('#app')

3、render函数的作用

将App那个vue组件渲染成DOM节点。render函数里面的形参，可以做到这一点，所以 h这个函数 ， 里面传进去一个App组件。
注意： h 代表的是createElement

一下是具体的写法：

render: function (createElement) {
    return createElement(App);
}

配置了el属性：

new Vue({
 el:"#app",
 router
});

如果没有配置el属性，可以使用手动挂载$mount(“#app”)

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

mount(’#app’) ：手动挂载到id为app的dom中的意思当Vue实例没有el属性时，则该实例尚没有挂载到某个dom中；假如需要延迟挂载，可以在之后手动调用vm.$mount()方法来挂载
该方法是直接挂载到入口文件index.html 的 id=app 的dom 元素上的

今天的文章main.js的作用_main和voidmain[通俗易懂]分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。