vue脚手架与组件开发
Vue-CLI
安装node和npm
npm是node包的管理器（类似应用商店） 我的npm出了点问题。所以顺便卸载重装了
- 卸载node
- 安装node
- 获取当前镜像源
npm config get registry（registry.npmjs.org 是npm默认的包下载仓库，地址在国外所以下载速度很慢） - 设置淘宝镜像源
npm config set registry http://registry.npm.taobao.org/ - 安装vue脚手架
npm install -g @vue/cli - 验证安装结果
vue --version
创建Vue项目
方法1.vue create my-vue-project
方法2. vue ui Vue UI是一个用于创建、更新和管理Vue项目的工具，它提供了一种可视化的图形界面，使得开发者可以更加方便地搭建、修改和管理Vue应用。
Vue-CLI 项目结构
- package.json 配置文件
script 中是一些命令 通过 npm run xxx 来使用（如果 serve 后没有出现 npm 命令行，可以点击面板右侧垃圾桶清空终端面板内容，就又可以继续输入命令了）
- serve 可以帮我们打开静态资源服务器
- build 可以帮我们完成项目打包（压缩），方便上线
（ 打包后会产生dist文件夹，可以
npm i serve -g全局安装静态资源服务器，serve dist运行被打包项目 ） - lint
-
node_moudules 项目中安装的所有第三方依赖包 无需改动
-
public 不参与编译的资源（ favicon.ico index.html 等 ）
-
src 参与编译的资源（我们主要操作的就是这里）
-
asset 用于存放静态资源,如图像、样式表和字体文件等。
-
component 存放自定义组件
-
App.vue 项目根组件，是vue应用的入口文件，对vue作了基础的配置，其vue实例在main.js中被创建
组件化
组件
组件是封装页面功能的一种方式
以.vue 为后缀的文件就是 vue 中的单文件组件，每个子组件都是由内部的组件处理方式创建的独立的vue实例
每个页面中都包括 template 结构、 script 逻辑和 style 样式三个部分
组件通信
组件传值 见 记 3
组件插槽 vue官网 插槽
插槽就是子组件中的提供给父组件使用的一个占位符，用<slot> </slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、其他组件等，填充的内容会替换子组件的<slot> </slot>标签。
多个slot标签可以用name ='name名'属性来标记，在父组件中写入template标签，绑定v-slot:'name名'（等同于#name名）即可使用
插槽内容可以访问到父组件的数据作用域，但无法访问子组件的数据。如需访问，要先在slot标签内绑定子组件的数据以供父组件使用，需要注意的是，父组件接收时接收到的是一整个对象，要先进行解构或
