Jerry子辰的博客

由于vue3.0中setup()里不再使用this，所以常见的this.$axios方式也不能再用。2.使用vue-axios，结合vue.use()和provied-inject。3.封装好后在每隔.vue页面使用的时候都。

vue3.0， vuex，provide+inject+localStorage，状态管理

vue3.0,vue-router

vue3.0，setup，组合式api

待写

待写

待写

待写

先说一般的组件方式嘛<template> <div> <button @click="show">点我</button> <div v-if="isShow"> <Good></Good> </div> </div></template><script>import Good from "./success"export

在平时会遇到一些input，select，checkbox，radio等组件，需要使输入到组件的值与父组件所对应值双向绑定，而这一般通过v-modul可以实现在这里我已经注册好全局组件了，可以直接使用.因为名字不一样，我就懒得每个都改一次了，都用Select1.input type=“text”这种类别的// 父组件<template> <div> <Select v-model="hi"></Select> <p>{{ hi

组件通信

vue中axios封装因为每个人在项目中封装的想法不同，所以这里只谈一般的封装思路

跨域在vue根性到3.0以上时，跨域文件的位置也发生了变化，需要在src同级目录下新建一个vue.config.js文件其中写入跨域webpack和跨域的配置。之前也在网上找了许多，发现有些有个别字段有问题导致无法使用就把自己用的发出来对比对比注意时在项目文件夹中与src文件夹同级配置下面就把跨域的具体配置发出来，这只是跨域的，并不包含webp

组件封装在做vue项目时，为了节约开发时间，一般都会封装高复用得UI组件，类似于iview，elementUI等UI组件，一般简单的组件之间传值就不在这多说了，直接在这说点实际的实际情况：需要封装一个组件，在多个页面都可以用，会有两个按钮根据页面的不同处理的事件也不同最初封装好组件之后父组件给子组件传一个特别的，在子组件做判定再决定做什么操作，这就会导致封装的组件会在同一个事件处理上有很多种情况，很臃肿；下面只把有用的代码放出来：父组件 type='t3’<Search :typ

#Router 和 Router 区别在vue的开发中路由router是必不可少的一部分，下面就简单的说下其中router和route的区别![在这里插入图片描述](https://img-blog.csdnimg.cn/20210218171213137.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvY2tKZXJyeQ==,size_1

vuex-moduls在一些项目中vuex需要分成一些各自模块，彼此数据不影响文件结构：在src/store内新建模块名的文件夹，例： a.js和aa.js 分别是模块a和aa其中每个js文件都可以当成一个单独vuex结构来写，在a.js中（aa.js也差不多）export default { namespaced: true, // 详见后后面的使用方法3 state: { aId: '500' }, mutations: { changeId(state,va

vuex基本结构import Vue from "vue";import Vuex from "vuex";Vue.use(Vuex);export default new Vuex.Store({ state: { num: 2 }, mutations: { changeNum(state,val) { state.num = val } }, actions: { todo({ commit }, val) { commit('

在做vue项目时，有些人喜欢把操作放在created里面，而有些人喜欢放在mounted里面，这里来谈谈自己堆这两个的理解吧，说的不好勿怪，说的好请点赞，若有不同见解多多评论mounted特点：在vue的mounted这个周期，vue实例已经创建好了，其中的data也存在，页面的dom也已创建，虚拟的dom树也创建了操作：在这个周琴无论你时进行对data的数据操作还是进行一些dom操作都是可以的弊端：也不算时太大的弊端嘛，在mounted周期之前页面就已经渲染出来了，如果你对数据再进行操作，

组件封装在做项目时，有个可能在多个页面用到同一个UI组件，只是功能或者样式有些许不同，所以就把这些模块可以提取出来封装成一个组件多次使用，向其传递参数让它实现不同功能就提高了开发效率，程序员毕竟都懒1.在src的components文件夹内创建common文件夹，组件都放在里面2.在组件内部<template> <div> &l