Vue中默认main.js

基础脚手架生成的Vue项目

main.js

import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = true

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

import Vue from 'vue'
import App from './App.vue'

App.vue是所有组件的汇总
所以在main.js中，首先要引入App.vue和vue

Vue.config.productionTip = false是控制是否启动生产消息

Vue.config.productionTip = false

即运行项目后F12是否显示以下部分

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

最后需要将组件挂载到标签上
$mount：手动挂载，将生产的标签挂在到标签上
render: h => h(App),的由来

//ES5写法：
render:function (createElement) {
    return createElement(App)
}

//ES6写法：
render(createElement)
{
    return createElement(App)
}

//简化参数：
render(h)
{
    return h(App)
}

//变为箭头函数（最终版）
render:h => h(App)