![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
违规昵称-9527
这个作者很懒,什么都没留下…
展开
-
组件写name的好处
组件写 name 有啥好处增加 name 属性,可以实现组件递归调⽤自身,调用的时候用的就是 name 名字可以表示组件的具体名称,⽅便调试和查找对应的组件 比如说 keep-alive 的 include 和 exclude 就是通过组件的 name 属性区分谁缓存谁不缓存的...原创 2022-04-27 17:07:38 · 123 阅读 · 0 评论 -
虚拟DOM 与 Diff算法
1.虚拟 dom虚拟 dom 是利用 js 描述元素与元素的关系,用 js 对象来表示真实的 DOM 树结构,创建一个虚拟 DOM 对象由于在浏览器中操作 DOM 是很昂贵的。频繁的操作 DOM,会产⽣⼀定的性能问题.在组件渲染的时候会调用 render 函数,这个函数会生成一个虚拟 dom,再根据这个虚拟 dom 生成真实的 dom,然后这个真实的 dom 会挂载到我们的页面中。如果只是渲染一个页面后期不改动的话 那么虚拟 dom 其实成本更高 因为 都要渲染成真实的 dom如果组件内有响应的数原创 2022-04-27 17:06:35 · 177 阅读 · 0 评论 -
多变量环境
多环境变量一般分为开发环境和生产环境development 开发production 生产(上线)怎么配置多环境变量首先建立两个文件 在根目录.env.dev里面写上 NODE_ENV=“development”.env.prod里面写上 NODE_ENV=“production”这样我们可以通过 process.env.NODE_ENV 这个变量来判断当前的环境比如我们可以通过判断不同的环境 在 axios 请求的时候设置不同的 baseURL在开发的时候使用测试接口在上线的时原创 2022-04-27 17:05:55 · 109 阅读 · 0 评论 -
匿名插槽 具名插槽 作用域插槽
1.插槽⾸先呢,所谓的插槽就是⼀个占位符,将⾃定义组件的内容展示出来.我们知道⾃定义的组件⾥⾯如果写内容的话,⻚⾯是不会显示出来的,如果我们想让⾃定义组件⾥⾯的内容显示出来,我们就需要使⽤ slot 的插槽.⽽插槽分别具名插槽和匿名插槽、以及作⽤域插槽. 我们⽤的⽐较多的具名插槽和匿名插槽,具名插槽需要所有 slot 标签上指定name 属性,⽽在对应标签上添加# 属性指定名字.在项⽬中我们⼀般在进⾏组件封装的时候会使⽤插槽,以上就是我对插槽的理解.作用域插槽是把子组件里的数据传到父组件的插槽原创 2022-04-27 16:58:49 · 168 阅读 · 0 评论 -
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:54:23 · 110 阅读 · 0 评论 -
vueRouter的实现原理和vueRouter的基本使用
vueRouter的实现原理vue路由模式⼀共有两种,分别是**hash**和**history.**他们的区别是hash模式不会包含在http请求当中,并且hash不会重新加载⻚⾯有#,⽽使⽤history模式的话,如果前端的url和后端发起请求的url不⼀致的话,会报404错误,所以使⽤history模块的话我们需要和后端进⾏配合.history的原理就是利⽤html5新增的两个特性⽅法,分别是psuhState和replaceState来完成的vueRouter的基本使用1,安装插件yar原创 2022-04-22 11:15:32 · 78 阅读 · 0 评论 -
vue3 axios 封装
1.首先引入 axios```javascriptimport axios from 'axios'```2.创建一个实例```javascriptconst api = axios.create({ baseURL: '', // 所有请求的公共地址部分 timeout: 3000 // 请求超时时间 这里的意思是当请求时间超过5秒还未取得结果时 提示用户请求超时})```3.request拦截器```javascript// 请求相关处理 请求拦截 在请求拦截中可...原创 2022-04-22 11:00:52 · 1756 阅读 · 0 评论 -
vue3与vue2全局挂载公共属性及方法
## vue3原型上全局`挂载axios`的配置,全局挂载公共属性及方法的配置首先先下载`axios`npm install --save axios在vue3项目包的main.js中```javascriptimport {createApp} from 'vue'import App from './App.vue'import router from './router'import store from './store'//引入axiosimport axios from '原创 2022-04-22 10:36:08 · 1377 阅读 · 0 评论