qq_42425551的博客

a元素颜色不能继承父元素的原因

目录：一、动态组件1.1. v-if显示不同组件1.2. 动态组件的实现1.3. 动态组件的传值1.4. keep-alive使用1.4.1. 认识keep-alive1.4.2. keep-alive属性二、异步组件2.1. webpack的代码分包2.2. vue中实现异步组件2.3. 异步组件和Suspense三. 模块引用3.1. $refs3.2. $parent四. 生命周期4.1. 生命周期图片4.2. 生命周期演练五. 组件的v-model5.1. 组件的v-model5.2. comput

目录：一、使用场景介绍二、高阶函数介绍2.1命令式编程实现2.2函数式编程实现三、使用函数式编程对（一）中的场景代码替换一、使用场景介绍在书籍购物车案例中，计算总价格时，传统的方法是使用for循环进行计算，这样虽然好理解，但是代码量大，可读性不高。代码如下：totalprice(){ let totalPrice = 0; //1.最普通的for循环 for(let i =0;i<this.books.length;i++

目录：一.非父子组件之间通信1.1. Provide/Inject1.1.1. 基本使用1.1.2. 函数写法1.1.3. 处理响应式1.2. 全局事件总线二. 插槽的使用2.1. 认识插槽slot2.2. 插槽的使用2.2.1. 插槽的基本使用2.2.2. 插槽的默认内容2.2.3. 具名插槽的使用三. 作用域插槽3.1. 渲染作用域3.2. 作用域插槽3.3. 独占默认插槽一.非父子组件之间通信在开发中，我们构建了组件树之后，除了父子组件之间的通信之外，还会有非父子组件之间的通信。这里我们主要讲两

一、this指针指向问题this会在执行上下文中绑定一个对象，但是是根据什么条件绑定的呢？在不同的执行条件下会绑定不同的对象，这也是让人捉摸不定的地方。这一次，我们一起来彻底搞定this到底是如何绑定的吧：1.1默认绑定：函数直接被调用，并没有进行任何的对象关联。在真正函数调用的位置，并没有进行任何的对象绑定，只是一个独立函数的调用；简单一点理解就是找不到调用这个函数的对象，这样的一般都是默认绑定，绑定的是window1.2隐式绑定function foo() { console.log(

目录：一. 认识组件化1.1. 什么是组件化？1.2. Vue的组件化二. 注册一个组件2.1. 注册全局组件2.2. 组件的名称2.3. 注册局部组件三. Vue的开发模式3.1. Vue的开发模式3.2. 如何支持SFC3.3 css作用域污染问题四. 认识组件的嵌套4.1. App单独开发4.2. 组件的拆分4.3. 组件的通信五. 父子组件的相互通信5.1. 父组件传递给子组件5.1.1. props的数组用法5.1.2. props的对象用法5.1.3. 非Prop的Attribute5.2. 子

vue第八天学习内容一、VUECLI二、关于cli的原理三、vite四、使用vite五、vite处理css、less、postcss、ts六、vite对vue的支持：七、预打包介绍：八、关于vite打包九、真实项目中不会一直使用npx的十、ESBuild十一、vite脚手架，一、VUECLI先安装这个工具：npm install @vue/cli -g 全局安装，这样在哪个文件夹下都能使用cli工具升级的话npm update @vue/cli -g通过vue命令创建项目：vue create 项

一、devserver背景介绍每次改代码都需要重新部署,或者只改变修改代码行的效果所以出现了devserver本地服务为了完成自动编译，webpack提供了几种可选的模式方式一：webpack watch mode实现方法一： 在导出的配置中，添加watch:true实现方法二： 在启动webpack的命令中，添加–watch的标识方式二：webpack-dev-server(常用)二、webpack-dev-server上面的方式可以监听到文件的变化，但是事实上它本身没有自动刷新浏

vue第一天学习内容一、vue3的前言1.1 渐进式框架1.2 相比于vue2的变化源码上性能上新的API二、课程大纲：三、第一天内容3.1 如何使用vue呢3.2 vue引入方法：3.2.1 方式一：在页面中通过CDN(内容分发网络)的方式引入3.2.2 方式二：下载vue的javascript文件，并且自己手动引入3.2.3 方式三：通过npm包管理工具安装使用它（webpack在讲）3.2.4 方式四：直接通过vue CLI创建项目，并且使用它3.3 计数器案例（原生js代码vs vue代码）3.4

目录：一、Bable介绍二、webpack与bable结合三、webpack打包vue文件3.1、vue(.runtime).global(.prod).js3.2、vue(.runtime).esm-browser(.prod).js3.3、vue(.runtime).esm-bundler.js3.4、vue.cjs(.prod).js四、vscode对sfc文件的支持五、编写vue文件一、Bable介绍是一个单独的工具，与webpack独立，但是可以和webpack一起使用作用：es6或者 ty

node环境–>>npm–>>webpack–>>cli一、npmnpm install就有了package.json和node_module文件夹（npm得以运行的条件）package.json记录了需要安装的依赖（如果package.json记录了一些依赖，那么就直接npm install就行）npm install webpack webpack cli -D就有了module和package.lock.json就可以局部webpack了，有三种方法一

一：模块化雏形：//小明编写的js.js:;var modulea=（function(){var flag=true;return flag;}）()//小明编写的js2.jsif(modulea.flag==true){xxxx;}二、出现了模块化规范因为模块化雏形比较复杂，所以出现了模块化规范比如commonjs,amd,cmd,es6三、commonjs://小明编写的js.js:module.export{flag,xxx}//小明编写的js2.js:let

vue第二天学习内容一、上节课遗留问题：二、VScode添加代码片段方法三、vue3基本指令3.1 Mustache双大括号语法：3.2 v-once语法：3.3 v-text语法：3.4 v-html语法：3.5 v-pre语法：3.6 v-cloak语法：四、v-bind4.1 v-bind的基本使用4.2 v-bind绑定class-对象语法4.3 v-bind绑定class-数组语法4.4 v-bind绑定style-对象语法4.5 v-bind绑定style-数组语法4.6 v-bind动态绑定属

vue第一天学习内容一、vue3的前言1.1 渐进式框架1.2 相比于vue2的变化源码上性能上新的API二、课程大纲：三、第一天内容3.1 如何使用vue呢3.2 vue引入方法：3.2.1 方式一：在页面中通过CDN(内容分发网络)的方式引入3.2.2 方式二：下载vue的javascript文件，并且自己手动引入3.2.3 方式三：通过npm包管理工具安装使用它（webpack在讲）3.2.4 方式四：直接通过vue CLI创建项目，并且使用它3.3 计数器案例（原生js代码vs vue代码）3.4