VUE中main.js、App.vue、index.html、render函数

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/alokka/article/details/84108934

1. main.js

main.js 入口文件: 初始化vue实例并使用需要的插件

2.App.vue

App.vue 主组件：是我们的主组件所有页面都是在App.vue下进行切换的

3.index.html

入口文件：index的body中只有一个id为app的div，main.js中创建的Vue实例挂在index.html中的id为app的div中，然后动态渲染模版

4.render函数

// 在 webpack 中，如果想要通过 vue， 把一个组件放到页面中去展示，vm 实例中的 render 函数可以实现

  render: function (createElements) { // createElements 是一个 方法，调用它，能够把 指定的 组件模板，渲染为 html 结构
    return createElements(login) // 注意：这里 return 的结果，会 替换页面中 el 指定的那个 容器
  }
// 简写：
  render: c => c(login)