韩旭不会敲代码吧的博客

vue大屏展示组件库datav

大屏自适应容器组件 v-scale-screen

vue中实现一个时间选择器的级联框，第一层小时，第二层分钟

ElementUi Table复选框回显

window.postMessage的使用

axios的二次封装

vue项目中显示第三方外部链接的页面

通过this.$router.push跳转同一路由页面只会刷新一次的问题怎么解决

vue实现导入导出excel文档

对table组件的二次封装

解析vue.config.js文件

vue项目打包时因为图片问题报错

解析vue中的process.env

Vue重写push方法（NavigationDuplicated报错）

【代码】el-date-picker日期组件，设置时间跨度为一个月，禁止选择未来时间。

对路由的基本理解和使用

路由的懒加载

使用NProgress来显示在页面顶部的进度条

中英文切换（多语言国际化）

代码为：<script src="aaa.js" type="module"></script>出现的问题：问题分析：我们是用file协议来传输aaa.js这个文件的，可是CORS规定要用http,data,https等方式传输，所以就报错了。这是因为使用了type="module"的脚本Sec-Fetch-Mode是cors，常规引入的脚本Sec-Fetch-Mode是no-cors，不受同源策略的影响。解决方案：安装live-serve插件，在本地创建一个服务器运行

Vue与React编程式路由导航

Vue与React路由组件传参

vue21、对象类型原理：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。1、定义数据：const vm = new Vue({el: '#root',data: { person:{ name: '张三', age: 18 }}})2、加工数据：为了实现响应式，vue会给data中的每一组key:value都形成了get和set的写法只要data中的属性发生改变，就会调用set方法，然后重新解析模板，生成虚拟DOM，新旧虚拟DOM

问题描述：在使用vscode创建vue项目的时候出现如下报错：解决方法：1、开始处搜索powershell，以管理员的身份运行2、然后输入下面的指令：set-ExecutionPolicy RemoteSigned3、重新创建项目，就出来了...

一、mapState当一个组件需要获取多个状态的时候，通过this.$store.state来声明就会显得有些重复跟冗余，通过mapState这个辅助函数可以帮助生成计算属性。在store文件中定义state// store.js存放数据state:{ number1:1, number2:2}如何使用//方式一（不推荐）<template> {{$store.state.number1}} {{$store.state.number2}}</template

一、State单一状态树(1)引例：       在我们的生活中有很多的信息需要被记录，比如上学时的个人档案，从小学到大学每个阶段都有信息记录，如果这些信息被分散到很多地方进行管理，有一天你需要办理某个业务时，你会发现你需要到各个对应的工作地点去打印盖章等各种资料信息，最后到一个地方提交你的消息无误的证明。这种保存信息的方式，不仅低效且难以管理。(2)对比应用开发：       如

一、概念vuex是vue.js应用开发的状态管理模式。vuex就是为了提供一个在多个组件间共享状态的插件二、状态管理1. 单界面状态管理单个组件是如何进行管理的呢？如上图：State:状态View:视图层，可以针对State的变化，显示不同的信息Actions:用户的各种操作如点击、输入等会导致状态的改变<template> <div class="test"> <div>当前计数:{{counter}}</div> <

export 和export default 都在es6 中用来导出变量、方法、模块等，区别在于：同一文件中，可以 export 多个变量、方法、模块等；而同一文件中 export default 只能使用一次export：// export.jsexport const name = ‘李白’;export function say() {console.log(‘李白乘舟将欲行’);}引入：// import.jsimport {name, say} from ‘./expor

在运行vue项目时，其中使用了for循环，可以正常显示，但命令行出现一段警告。 <swiper-item v-for="item in banners">处理方法，加上 :key=“index”如下v-for 常见的用法 <swiper-item v-for="item in banners" :key="item.id">...

1.v-model指令1.v-model指令 ：Vue中使用v-model指令来实现 表单元素和数据的双向绑定。 表单控件是很常见的，特别是对于用户信息的提交，需要大量的表单。2.v-model指令实现：表单元素和数据的双向绑定 特点： 1.之前是用Mustache语法将数据在元素中显示，现在是用v-model将数据绑定在属性里； (表单中很多标签是没有反标签的) 2.之前修改data数据，界面中显示会响应， 使用v-model指令，则表

1.循环遍历1.循环遍历: vue的循环遍历用v-for，语法类似于js中的for循环 当我们有一组数据需要进行渲染时，我们就可以使用v-for来完成。2.v-for使用格式： 格式为：v-for = "item in items" (遍历items中的数据)2.v-for遍历数组1.v-for遍历数组 用v-for指令基于一个数组来渲染一个列表。 v-for 指令使用item in items形式的语法， 其中items是源

啊啊

与用户进行交互时，需要监听到用户发生的事件，比如：点击、拖拽、键盘事件等等。可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。一、v-on的基本使用<button v-on:click="counter++">+</button>// v-on: 表示要绑定事件监听// click: 绑定事件的类型，单击// click="counter++":click后面接触发事件要执行的内容<button @click="counte

1、计算属性的基本使用(1)当模板{{ }} 里面的插值比较麻烦时，可以将数据放到计算属性，然后用该计算属性。(2)计算属性是放在vue实例的computed中定义，与methods类似，都是定义函数。(3)计算属性定义在computed中，调用时使用mustache语法调用且后面不跟()<div id="app"> <h2>{{firstName+ ' ' + lastName}}</h2> <h2>{{firstName}} {{las

1、v-bind指令的介绍和基本使用(1)作用：动态绑定属性除了内容需要动态来实现之外，有时候元素的属性我们也希望能够动态来改变比如可以动态绑定a元素的href属性，img的src属性等等。(2)与插值操作的对比：插值操作的主要作用是将Vue实例中的数据插入到模板当中，改变data中的数据可以动态改变显示的内容。而很多时候我们的属性值也是需要变化的，比如src可能是从服务器请求过来的，把值放到vue实例的data中，然后将data中的属性赋到模板中的属性里面，我们只需要修改data中的值就可以实时