VUE的学习记录(2)

学习下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>:组件样式

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 方程(equation)是指含有未知数的等式。是表示两个数学式(如两个数、函数、量、运算)之间相等关系的一种等式,...
    5332ca5f9f04阅读 4,562评论 0 1
  • 那是什么地方 可以如此荒凉 红月亮的晚上 你问我愿不愿做仙人掌 驻足你停留的地方 爱上你的稚嫩脸庞 爱上你的历尽沧...
    亦弋阅读 7,481评论 2 1
  • 姐姐,今天是你的生日。 姐姐,距离上次见面已经有两个月了,距离我们一同生活的日子已经有六年多了。 虽然时常发发微信...
    郑执阅读 3,502评论 3 9