- 博客(49)
- 收藏
- 关注
RSS订阅原创 WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
打包报警告
2023-05-05 14:36:47
2483
原创 axios的原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>axi
2022-05-24 17:08:42
203
原创 匿名插槽 具名插槽 作用域插槽
插槽⾸先呢,所谓的插槽就是⼀个占位符,将⾃定义组件的内容展示出来.我们知道⾃定义的组件⾥⾯如果写内容的话,⻚⾯是不会显示出来的,如果我们想让⾃定义组件⾥⾯的内容显示出来,我们就需要使⽤ slot 的插槽.⽽插槽分别具名插槽和匿名插槽、以及作⽤域插槽. 我们⽤的⽐较多的具名插槽和匿名插槽,具名插槽需要所有 slot 标签上指定name 属性,⽽在对应标签上添加# 属性指定名字.在项⽬中我们⼀般在进⾏组件封装的时候会使⽤插槽,以上就是我对插槽的理解.作用域插槽是把子组件里的数据传到父组件的插槽里使用
2022-04-27 16:50:20
122
原创 Vue.use是干什么的？ mixin 混入 ？Vue.extend?
1. Vue.use 是⼲什么的？vue.use 是用来安装 Vue.js 插件。这个插件可以是一个组件也可以是一个函数，插件里要有一个 install 方法，install 方法调用时，他的第一个参数就是 Vue 在调用 vue.use 方法的时候就会执行 Vue.install 方法该方法需要在调用 new Vue() 之前被调用。2.mixin 混入混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混
2022-04-27 16:44:40
119
原创 组件写name的好处
组件写 name 有啥好处增加 name 属性，可以实现组件递归调⽤自身，调用的时候用的就是 name 名字可以表示组件的具体名称，⽅便调试和查找对应的组件 比如说 keep-alive 的 include 和 exclude 就是通过组件的 name 属性区分谁缓存谁不缓存的...
2022-04-27 16:39:15
337
原创 虚拟DOM 与 Diff算法
1.虚拟 dom虚拟 dom 是利用 js 描述元素与元素的关系，用 js 对象来表示真实的 DOM 树结构，创建一个虚拟 DOM 对象由于在浏览器中操作 DOM 是很昂贵的。频繁的操作 DOM，会产⽣⼀定的性能问题.在组件渲染的时候会调用 render 函数，这个函数会生成一个虚拟 dom，再根据这个虚拟 dom 生成真实的 dom，然后这个真实的 dom 会挂载到我们的页面中。如果只是渲染一个页面后期不改动的话 那么虚拟 dom 其实成本更高 因为 都要渲染成真实的 dom如果组件内有响应的数
2022-04-27 16:36:51
2615
原创 多变量环境
多环境变量一般分为开发环境和生产环境development 开发production 生产（上线）怎么配置多环境变量首先建立两个文件 在根目录.env.dev里面写上 NODE_ENV=“development”.env.prod里面写上 NODE_ENV=“production”这样我们可以通过 process.env.NODE_ENV 这个变量来判断当前的环境比如我们可以通过判断不同的环境 在 axios 请求的时候设置不同的 baseURL在开发的时候使用测试接口在上线的时
2022-04-27 16:29:36
87
原创 组件的八种方式
组件传值的八种方式父传子首先在使用子组件的标签上 通过自定义属性传递变量 在子组件中 通过 props 接受在接收的时候有两种接收方式 数组形式 和 对象形式 对象形式可以规定传来的变量的数据类型（type）默认值（default）以及是否必填（required）子传父首先在使用子组件的标签上定义一个自定义事件 在子组件里通过 this.$emit 去调用这个自定义事件 $emit 方法的第一个参数是自定义事件的名字 第二个参数是就是子组件要传递给父组件的变量 最后在父组件接收使用就
2022-04-27 16:24:33
233
原创 路由的模式（history 和 hash） 区别以及原理
区别 vue 的路由模式,vue 的路由模式⼀共有两种,分别是哈希和 history.他们的区别是 hash 模式不会包含在 http 请求当中,并且 hash 不会重新加载⻚⾯,⽽使⽤ history 模式的话,如果前端的 url 和后端发起请求的 url 不⼀致的话,会报 404 错误,所以使⽤ history 模块的话我们需要和后端进⾏配合.原理history 的原理就是利⽤ html5 新增的两个特性⽅法,分别是 pushState 和 replaceState 来完成的.以上就是我对
2022-04-22 11:08:03
3615
原创 vuex的理解？ vuex的五大核心及其使用？vuex的运行机制？
什么是vuex？vuex 是 vue 的状态管理工具 管理项目中的公共数据 能够在所有的组件中使用 一共有五大核心五大核心及其使用state 存放公共数据的地方 通过 this.store.state.xxx调用mutations修改state的地方只有这里能修改通过this.store.state.xxx调用mutations 修改 state 的地方 只有这里能修改 通过this.store.state.xxx调用mutations修改state的地方只有这里能修改通过this.store.co
2022-04-22 11:03:54
560
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人