违规昵称-9527-CSDN博客

原创组件写name的好处

组件写 name 有啥好处增加 name 属性，可以实现组件递归调⽤自身，调用的时候用的就是 name 名字可以表示组件的具体名称，⽅便调试和查找对应的组件比如说 keep-alive 的 include 和 exclude 就是通过组件的 name 属性区分谁缓存谁不缓存的...

2022-04-27 17:07:38 93

1.虚拟 dom虚拟 dom 是利用 js 描述元素与元素的关系，用 js 对象来表示真实的 DOM 树结构，创建一个虚拟 DOM 对象由于在浏览器中操作 DOM 是很昂贵的。频繁的操作 DOM，会产⽣⼀定的性能问题.在组件渲染的时候会调用 render 函数，这个函数会生成一个虚拟 dom，再根据这个虚拟 dom 生成真实的 dom，然后这个真实的 dom 会挂载到我们的页面中。如果只是渲染一个页面后期不改动的话那么虚拟 dom 其实成本更高因为都要渲染成真实的 dom如果组件内有响应的数

2022-04-27 17:06:35 149

原创多变量环境

多环境变量一般分为开发环境和生产环境development 开发production 生产（上线）怎么配置多环境变量首先建立两个文件在根目录.env.dev里面写上 NODE_ENV=“development”.env.prod里面写上 NODE_ENV=“production”这样我们可以通过 process.env.NODE_ENV 这个变量来判断当前的环境比如我们可以通过判断不同的环境在 axios 请求的时候设置不同的 baseURL在开发的时候使用测试接口在上线的时

2022-04-27 17:05:55 81

原创匿名插槽具名插槽作用域插槽

1.插槽⾸先呢,所谓的插槽就是⼀个占位符,将⾃定义组件的内容展示出来.我们知道⾃定义的组件⾥⾯如果写内容的话,⻚⾯是不会显示出来的,如果我们想让⾃定义组件⾥⾯的内容显示出来,我们就需要使⽤ slot 的插槽.⽽插槽分别具名插槽和匿名插槽、以及作⽤域插槽. 我们⽤的⽐较多的具名插槽和匿名插槽,具名插槽需要所有 slot 标签上指定name 属性,⽽在对应标签上添加# 属性指定名字.在项⽬中我们⼀般在进⾏组件封装的时候会使⽤插槽,以上就是我对插槽的理解.作用域插槽是把子组件里的数据传到父组件的插槽

2022-04-27 16:58:49 143

原创 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 80

原创 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 51

原创 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 1733

原创 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 1358

原创 VUEX的简单介绍

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。这个状态自管理应用包含以下几个部分：状态，驱动应用的数据源；视图，以声明方式将状态映射到视图；操作，响应在视图上的用户输入导致的状态变化。以下是一个表示“单向数据流”理念的简单示意：Vuex 可以帮助我们管理共享状态，并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。如果您不打算开发大型单页应用，使用 Vue

2022-03-11 17:05:38 240

OldShackles_的博客