weixin_43745804的博客

https://www.jianshu.com/p/bd38b0a0bc07

1、组件访问state的第一种方法this.$store.state.全局数据名称2、组件访问state的第二种方法从vuex中按需导入mapState函数import{ mapState } from ‘vuex’将全局数据，映射为当前组件的计算属性 computed：{ ...mapState(['count']) }完整代码：<template> <div> <h3>当前最新的count值为：{{count}}</

1、合并参数合并params和query参数goSearch(){ //代表的是如果有query参数也带过去 if (this.$route.query) { let location = { name: "Search", params: { keyword: this.keyword || undefined }, }; location.query = thi

1、关闭elint语法校验创建vue.config.js//关闭elint语法校验{ lintOnSave:false;}2、src文件夹配置别名jsconfig.json配置别名@代表src文件夹，@不能在node_modules和dist文件夹中使用{ "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/"] }, "exclude": ["node_module

1、接口文档https://www.showdoc.com.cn/12077455682696742、一些基础配置ico图标，public/index.html<link rel="icon" href="<%= BASE_URL %>favicon.ico">配置/vue.config.jsmodule.exports={ configureWebpack:{ resolve:{ alias:{ 'assets':'@/asse

1、createApp，component，mount，unmount许多apllication Api都放在了app实例上（通过createApp创建的实例）创建一个app实例const app = createApp(App)创建全局组件app.component（'组件名',组件模块名）2、directive指令略过吧3、use，plugin4、推荐一个好的vue3系列教程简书上的一个教程...

1、error handler,warnHandler，globalProperties（全局属性）通过createapp创建的app对象里面包含config对象，error handler,warnHandler，globalProperties都在config对象里globalProperties（全局属性）可以在全局被访问，用来替代vue2里面的Vue.prototype如果要在原型上添加一个utils属性可以使用如下代码import { createApp } from 'vue'impo

1、toRaw返回一个reactive或readonly包裹的proxy对象其实就是将一个proxy对象转化成普通对象<template> <div> </div></template><script>import {ref,reactive,toRaw,readonly,shallowReactive,shallowReadonly,toRefs} from 'vue'export default { name:

1、readonly<template> <div> <span>{{}}</span> </div></template><script>import {reactive,readonly} from 'vue'export default { name: 'App', setup (props,context) { const reactiveObj=reactive({

1、关于setup的一些概念vue3里面自定义事件依然需要先定义后使用vue3不再使用this.emit来发射自定义事件，而是使用context.semit来发射自定义事件，this已经是昨日黄花和vue2一样，emit里面有两个参数，一个是自定义事件名，一个是要发射过去的数据，数据可以是多个或者是数组在setup里面定义的变量和函数一定要通过return返回出去vue3把钩子都作为函数放在‘vue’里需要从‘vue’中解构出来在setup里面使用的变量要用ref或者reactive包裹一下，

1、vue-cli脚手架

1、前端路由后端路由：请求方式，请求地址与function处理函数之间的对应关系。后端路由基本使用方法（以express为例）2、spa与前端路由单页面应用程序，所有组件的展示与切换都在这唯一的一个页面内完成，不同组件的切换需要通过前端路由来实现前端路由：就是hash地址与组件之间的关系3、前端路由的工作方式1、用户点击了页面上的路由连接2、导致了url地址栏中的hash值发生了变化3、前端路由监听到了hash地址的变化4、前端路由把当前hash地址对应的组件渲染到浏览器中4、前端

1、什么是动态组件指的是动态切换组件的显示与隐藏，vue提供了一个内置的<component>组件，专门用来实现组件的动态渲染。1、<component>是组件的占位符2、通过is属性动态来指定要渲染的组件名称3、<component is="要渲染的组件的名称"></component关键代码： <component :is="comName"></component>源码grandFather.vue<t

1、组件的运行过程

1、对props校验使用validator函数进行校验props:{ name:String, age:[Number,String], address:String, count:{ type:Number, require:true, default:100 }, type:{ validator(value){ return ['success

1、react-redux是一个插件库2、连接容器组件和redux组件安装react-redux库npm i react-redux --save1、创建容器文件夹container，并创建响应的容器组件count，及index.js2、container/count/index.js//引入count的ui组件import CountUI from '../../component/Count'import { createIncreatmentAciton, create

1、antd的基本使用现在已经有了antd of react流行的开源React UI组件库material-ui(国外)官网: http://www.material-ui.com/#/github: https://github.com/callemall/material-uiant-design(国内蚂蚁金服)3. 官网: https://ant.design/index-cn4. Github: https://github.com/ant-design/ant-design/

1、Switch的使用<div className="panel-body"> {/*注册路由*/} <Switch> <Route path="/about" component={About}/> <Route path="/home" component={Home}/>

1、初始化脚手架