学习下vue-cli构建的项目结构和代码结构(主要了解下main.js和App.vue)
1.main.js是我们的入口文件,主要作用是初始化vue实例,并引入所需要的插件
h是createElement函数,render是vue2.0的新特性方法类似React中的render。render函数得到VNode节点返回给Vue.js的mount函数,继而渲染成真实的Dom节点并挂载在根节点上。
和React一样都采用了Virtual Dom,比原生Dom性能更好(适用于大部分情况,除非节点很少)
2.App.vue是我们的主组件,所有页面都是在App.vue下进行切换的。其实也可以理解为所有的路由也是App.vue的子组件。
<templat>:视图模板
<style>:组件样式表
<script>:组件样式