vue-cli目录结构分析(1)，前端未来路在何方

算法

1. 冒泡排序

2. 选择排序

3. 快速排序

4. 二叉树查找: 最大值、最小值、固定值

5. 二叉树遍历

6. 二叉树的最大深度

7. 给予链表中的任一节点，把它删除掉

8. 链表倒叙

9. 如何判断一个单链表有环

   

由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

开源分享：docs.qq.com/doc/DSmRnRG…

my-project

里面有id为app的div

main.js:

// The Vue build version to load with the `import` command

// (runtime-only or standalone) has been set in webpack.base.conf with an alias.

import Vue from 'vue'

import App from './App'

Vue.config.productionTip = false

/* eslint-disable no-new */

new Vue({

el: '#app',

components: { App },

template: ''

})

cli里面通过webpack将mian.js加载到index.html中,也就将该Vue实例绑定到index.html的div中，components属性定义子组件,

template模版在我前面的博客中讲过,template的优先级比el高，将

替换为

经过上面一系列步骤，index.html中就变为中的内容,App就是导入的组件,所以index.html就显示App.vue中的内容

App.vue

#app { font-family: 'Avenir', Helvetica, Arial, sans-serif; \-webkit-font-smoothing: antialiased; \-moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; }

这个一个组件，显示img与HelloWorld中的内容

HelloWorld.vue 显示主题内容