VUE的学习记录(2)

学习下vue-cli构建的项目结构和代码结构(主要了解下main.js和App.vue)


VUE的学习记录(2)_第1张图片

1.main.js是我们的入口文件,主要作用是初始化vue实例,并引入所需要的插件

VUE的学习记录(2)_第2张图片

h是createElement函数,render是vue2.0的新特性方法类似React中的render。render函数得到VNode节点返回给Vue.js的mount函数,继而渲染成真实的Dom节点并挂载在根节点上。

和React一样都采用了Virtual Dom,比原生Dom性能更好(适用于大部分情况,除非节点很少)

2.App.vue是我们的主组件,所有页面都是在App.vue下进行切换的。其实也可以理解为所有的路由也是App.vue的子组件。


VUE的学习记录(2)_第3张图片

:视图模板