oopsboom的博客

组件化组件化组件之间相互进行通信父组件传递给子组件props数组用法细节补充非Prop的Attribute（1）Attribute继承（2）禁用Attribute继承（3）多个根节点的attribute子组件传递给父组件 组件化 App组件是Header、Main、Footer组件的父组件 Main组件是Banner、ProductList组件的父组件 组件拆分的实现 App.vue <template> <div id="app"> <Header>&l

VueCLIVue CLI脚手架Vue CLI安装使用vue创建项目的过程项目的目录结构Vue CLI的运行原理（难点） Vue CLI脚手架 什么是脚手架？ 在真实开发中，我们不可能像之前 每个项目都从头到尾来完成所有的webpack配置，这样开发效率会降低。 我们通常使用脚手架来创建一个项目，Vue的项目我们使用的就是Vue CLI脚手架 CLI（Command-Line Interface）命令行界面 我们可以通过CLI选择项目的配置和创建出项目 Vue CLI已经内置了webpack相关的配置，我们

devServer为什么搭建本地服务器？Webpack watchwebpack-dev-serve 为什么搭建本地服务器？ 之前每次写代码，都有npm run build 编译相关代码很麻烦。 我们希望做到，当文件发生变化时，可以自动完成编译和展示。 自动完成编译，webpack提供以下方式 webpack watch mode webpack-dev-serve（常用） webpack-dev-middleware Webpack watch package.json中配置 "scripts": {

Babel和devServerBabelBabel基本使用（了解）Babel的预设（了解）Babel底层原理babel-loaderBabel的配置文件Vue源码打包运行时+编译器vs运行时VSCode对SFC文件的支持 Babel 为什么需要Babel? 开发中使用ES6语法，想要使用TypeScript、开发React项目都离不开Babel Babel是什么呢？ 一个工具链。主要用于旧的浏览器或环境将es6代码转换为向后兼容版本。包括：语法转换、源代码转换等 Babel基本使用（了解） babel本

webpackfile-loader file-loader 处理jps、png等格式图片，对应的loader为file-loader 1.安装npm install file-loader -D 2.配置处理图片的url { test: /\.(png|jpe?g|gif|svg)$/i, use: { loader: "file-loader" } } 打包完后，dist下多出一个图片。 我们会发现图片的名称是一串复杂数字，那么，我们要不要把引入的图片路径进行更改呢？不

webpack 以上笔记参考coderwhy老师的Vue3和TypeScript。 老师讲课链接：课程链接

这里写目录标题补充深拷贝和浅拷贝二级目录三级目录 补充 深拷贝和浅拷贝 浅拷贝：比如assign（） 先看下面这段代码。 定义info变量指向一个对象（info保存对象地址），该对象中有个属性friend也是对象（friend保存的也是对象的地址。） const obj = Object.assign({}, info)将info拷贝一份给{}，obj指向返回的对象。 修改info的name属性，不会导致obj.name改变。 修改info.firend.name,会导致obj.friend.name的改变