组件（Component）是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。 Vue的组件系统允许我们使用小型、独立和通常可复用的组件构建大型应用。

安装

• node安装

  • 下载：https://nodejs.org/en/
  • 全局配置

  # 在安装目录下创建node_global和node_cache
  npm config set prefix "E:\\Language\\new_nodejs\\node_global"
  npm config set cache "E:\\Language\\new_nodejs\\node_cache"
  # 判断是否安装成功
  npm config get prefix
  npm config get cache
  
  # 配置镜像
  npm config set registry <http://registry.npm.taobao.org>
  # 安装vue2-cli
  npm install vue-cli -g
  # 安装vue3-cli
  npm install -g @vue/cli
  

<aside> 💡 如果卡，可以尝试等三分钟。

</aside>

创建项目

vue create 名字 # 新手选择vue2，然后把eslint去掉

最后一个输入n

项目

启动项目：npm run serve

安装所有依赖npm install

创建新组件

外部传递数据