VUE多个组件示例，你花了多久弄明白架构设计

• 用户管理
• 账单管理
• 供应商管理
• `,

  })

  Vue.component(‘app-footer’, {

  template: <div class="footer"><h1>底部组件</h1></div>,

  })

  // 定义局部组件对象

  const ComponentB = {

  template: ‘

  这是 {{name}}
  ’,

  data() {

  return {

  name: ‘局部组件’

  }

  },

  }

  new Vue({

  el: ‘#app’,

  components: {

  // key:value ; key为组件名，value是组件对象。

  ‘component-b’: ComponentB

  },

  data: {

  }

  })

  

  示例二

  ---

  将每个组件存放进单独的 js 文件中去。

  在html文件同级创建一个component文件夹，创建三个js文件，分别为Header.js、Main.js、Footer.js，并且将创建的组件分别放入对应的文件中。

  Header.js

  Vue.component(‘app-header’, {

  template: <div class="header"><h1>头部组件</h1></div>,

  })

  Main.js

  Vue.component(‘app-main’, {

  template: `
• 用户管理
• 账单管理
• 供应商管理
• `,

  })

  Footer.js

  Vue.component(‘app-footer’, {

  template: <div class="footer"><h1>底部组件</h1></div>,

  })

  父组件：

  自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

  深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

  因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
  
  
  
  
  
  

  既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

  由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

  如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
  

  总结

  =============================================================

  从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

  个人将这段时间所学的知识，分为三个阶段：

  第一阶段：HTML&CSS&JavaScript基础

  

  第二阶段:移动端开发技术

  

  第三阶段:前端常用框架

  

  • 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；如果因为我的笔记太过简陋不理解，可以关注我以后我还会继续分享。

  • 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。

  //img-blog.csdnimg.cn/img_convert/644efd4ddd0f8d43535f1982ec0da6e4.png)

  • 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；如果因为我的笔记太过简陋不理解，可以关注我以后我还会继续分享。

  • 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。