vue
关注
分享
扫一扫
文章平均质量分 57
无
不写博客的前端不是好前端
这个作者很懒，什么都没留下…
展开
-
TinyCE结合插件MathType(wiris)
TinyCE结合插件MathType(wiris)转载 2021-06-04 16:07:47 · 534 阅读 · 0 评论 -
Vue的diff算法导致的bug总结
问题一个很简单的编辑条目的需求，可以看一下实现页面：很简单的用户编辑删除的功能，但是在点击新增的时候确出现了问题，访问权限没有按需下挪key在Vue的虚拟dom算法中的应用key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。而使用 key 时，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素。原创 2021-04-25 20:23:01 · 725 阅读 · 0 评论 -
Lison《vue技术栈开发实战》（四）
Lison《vue技术栈开发实战》（四）从SplitPane组件谈Vue中“操作”DOM简单两列布局如何让两个div改变宽度鼠标拖动效果v-model和.sync的用法渲染函数和JSX快速掌握render函数函数式组件JSX作用域插槽从SplitPane组件谈Vue中“操作”DOM在以往的前端开发中，我们习惯了使用jQuery来操作DOM，比如修改一个div的宽度，需要获取这个div的DOM，然后修改他的style；但是在Vue中，我们是不应该这样做的，而是要换一种思路，即“数据驱动视图”。简单两列布原创 2021-04-12 17:18:37 · 261 阅读 · 0 评论 -
Lison《vue技术栈开发实战》（三）
Lison《vue技术栈开发实战》（三）Ajax请求实战解决跨域问题封装axios请求拦截响应拦截队列管理使用Mock模拟Ajax请求响应模拟Mock用法精讲数据模板Random方法大全占位符Vue中第三方JS库的使用组件封装基础组件中使用ID值获取DOM或组件实例Ajax请求实战解决跨域问题什么是跨域：之前提到过解决跨域的问题可以设置代理：这个配置会将所有的未找到文件的请求请求代理到proxy指向的路径下面，避免了跨域的问题。第二种方法是在后端设置一些header值来解决跨域。只需要在原创 2021-04-09 17:56:04 · 295 阅读 · 0 评论 -
Lison《vue技术栈开发实战》（二）
Lison《vue技术栈开发实战》（二）状态管理bus的使用父子组件通信v-model语法糖使用bus通信状态管理Vuex（一）state和getter辅助函数的使用模块中的state和getter的使用使用命名空间时辅助函数的使用状态管理Vuex（二）mutationactionmodule在action调用接口实操async/await使用状态管理Vuex进阶Vuex插件的开发与使用严格模式Vuex+双向绑定状态管理bus的使用父子组件通信父组件向子组件传值一定是通过属性，而子组件向父组件传值一定原创 2021-04-08 17:46:48 · 231 阅读 · 0 评论 -
Lison《vue技术栈开发实战》（一）
这里写目录标题第01章 使用vue-cli3创建项目使用Vue UI创建、管理项目项目结构目录整理初始文件添加基本配置详解使用代理解决跨域第02章 路由基础篇router-link和router-view组件路由配置JS操作路由重定向和别名第03章 路由进阶篇路由组件传参HTML5 History模式导航守卫路由元信息过渡效果第01章 使用vue-cli3创建项目使用Vue UI创建、管理项目cmd中输入vue ui进行启动，项目结构目录整理创建后的基本目录：初始文件添加看下文件补充后的目录原创 2021-04-07 17:50:28 · 324 阅读 · 1 评论 -
Vue开发问题汇总
v-loading首先明确，在vue的众多指令中，现在v-cloack使用得很少，因为在简单项目中，使用 v-cloak 指令是解决屏幕闪动的好方法。但在大型、工程化的项目中（webpack、vue-router）只有一个空的 div 元素，元素中的内容是通过路由挂载来实现的，这时v-cloak 在单文件页面中是不起作用的。此时为了解决加载延时的问题，我们更多的会使用v-loading,v-loading不是vue的指令，而是element-ui提供的指令：官方文档mixinmixin提供了一种非常灵原创 2021-03-31 18:15:35 · 928 阅读 · 0 评论 -
深入理解作用域插槽
深入理解作用域插槽转载 2021-03-17 22:53:25 · 132 阅读 · 0 评论 -
Element-UI Dialog自定义组件点关闭按钮 报错：Avoid mutating a prop directly since the value will be overwr...
Element-UI Dialog自定义组件点关闭按钮 报错：Avoid mutating a prop directly since the value will be overwr…转载 2021-03-11 21:01:53 · 948 阅读 · 0 评论 -
import XLSX from “xlsx-style“报错：This relative module was not found: ./cptable in ./node_modules/xlsx
import XLSX from "xlsx-style"报错：This relative module was not found: ./cptable in ./node_modules/xlsx-style@0.8.13@xlsx-style/dist/cpexcel.js转载 2021-01-27 10:42:43 · 1778 阅读 · 1 评论 -
唐金州的Vue开发实战学习笔记（生态篇）
Vue开发实战学习笔记VuexWhy VuexHow VuexVuex的核心概念和底层原理Vuex的最佳实践Vue RouterWhy Vue Router路由类型及底层原理NuxtNuxt解决的问题Nuxt的核心原理UI组件库对比常用开发工具单元测试VuexWhy Vuexprovide和inject虽然能够实现层层传递的数据管理，但对于一个大的管理系统而言会显得有些繁琐，我们需要一个大型的状态管理系统。How Vuex一个简单的计数器的例子，在main.js中引入Vueximport Vu原创 2020-12-18 21:13:26 · 2038 阅读 · 0 评论 -
唐金州的Vue开发实战学习笔记（基础篇）
Vue开发实战学习笔记简易的Vue程序组件事件插槽单文件组件双向绑定虚拟DOM与key属性组件更新状态data与属性propsvue的响应式更新计算属性和侦听器计算属性 computed侦听器watchcomputed vs watch生命周期的应用场景和函数式组件生命周期函数式组件指令provide/inject跨层级组件实例简易的Vue程序在vscode中新建一个html文件，输入html5快捷生成代码：<!DOCTYPE html><html lang="en">&l原创 2020-12-17 21:51:12 · 1856 阅读 · 1 评论