随笔分类 - vue
摘要：Vue更新数据流程流程 Compiler 解析模板成虚拟dom ( render 函数 createElement 就是直接生成虚拟dom ) Observer 发现数据改变 通知 Watcher Watcher 通知 Compiler 重新解析模板成虚拟dom diff 虚拟 dom 对改变的部分
阅读全文
摘要：打包 vue web 项目 1.修改 build 的配置 在 vue-cli(4.x 版本)下，修改 vue.config.js, 如果没有就创建一个 module.exports = { // 选项... publicPath: "./", }; 2.修改路由模式为 hash 模式 如果使用了路由
阅读全文
摘要：使用 vue-cli-plugin-electron-builder 生成项目(推荐) vue-cli-plugin-electron-builder 官方文档：https://nklayman.github.io/vue-cli-plugin-electron-builder/ 需要 vue-cl
阅读全文
摘要：参考文档： https://vue-loader.vuejs.org/zh/guide/scoped-css.html 关于组件的作用域样式 影响全局： <style> /* 全局样式 */ </style> 作用域样式，只对当前组件内部生效： <style scoped> .example { c
阅读全文
摘要：vue+elementUI 项目 实现 Container 布局容器布局下的左右托拽指令 话不多说上代码 import Vue from "vue"; const resize = { //被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。 inserted(el, bind
阅读全文
摘要：MVVM 框架介绍 M（Model，模型层 ）， V（View，视图层）， VM（ViewModel，视图模型，V 与 M 连接的桥梁） MVVM 框架实现了数据双向绑定 当 M 层数据进行修改时，VM 层会监测到变化，并且通知 V 层进行相应的修改 修改 V 层则会通知 M 层数据进行修改 MVV
阅读全文
摘要：vue3 新特性 整理的比较好的文档：https://www.jianshu.com/p/1fd73091e2e4 直接看代码可以直接看 实践 demo 组合式 API vue3 中加入了组合式 ，这个功能的作用是将单个 vue 组件的，逻辑部分也能自由拆分组合，更深层次的实现解耦和高复用性 vue
阅读全文
摘要：vuetify 2.5.3 版本提示 DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. github issues: https://github.com/v
阅读全文
摘要：对象变更检测注意事项 对象变更检测注意事项 还是由于 JavaScript 的限制，Vue 不能检测对象属性的添加或删除： var vm = new Vue({ data: { a: 1, }, }); // `vm.a` 现在是响应式的 vm.b = 2; // `vm.b` 不是响应式的 对于已
阅读全文
摘要：因为 vuetify 中 dailog 只有上下抽屉的效果，想要左右抽屉效果 于是自己写了一个左右抽屉的组件 其中比较难搞的还是样式 和过渡 vuetify 中创建过渡组件的方式：https://vuetifyjs.com/zh-Hans/styles/transitions/#todo-list
阅读全文
摘要：1. 介绍 1.1. 组件化开发 在现代 Web 开发复杂多变的需求驱动之下，组件化开发已然成为了事实上的标准。 组件化开发为我们带来了： 更快的开发效率 更好的可维护性 1.2. 组件内的状态管理流程 每个组件都有自己的状态、视图和行为等组成部分。 new Vue({ // state data(
阅读全文
摘要：Vue 常用自定义指令 布局容器布局下的左右托拽指令 v-resize vue+elementUI 项目 实现 Container 布局容器布局下的左右托拽指令 import Vue from "vue"; const resize = { //被绑定元素插入父节点时调用 (仅保证父节点存在，但不一
阅读全文
摘要：Vue2 这篇文章是我在工作中使用 vue 遇到的问题做的简单汇总，希望能对看到这篇文章的你有所帮助 对象数组 响应式所引发的问题 对于对象 官方文档 Vue 无法检测 property 的添加或移除。由于 Vue 会在初始化实例时对 property 执行 getter/setter （defin
阅读全文
摘要：1.报错 组件没注册报错 vue.esm.js?efeb:591 [Vue warn]: Unknown custom element: <el-container> - did you register the component correctly? For recursive componen
阅读全文
摘要：因为在 electron 中没有找到 ctrl+f 调用浏览器搜索的方法 于是借鉴文章自己撸了一个搜索组件 借鉴文章地址：https://www.jb51.net/article/181616.htm 效果 模板部分 <v-card class="history-info-drawer"> <!--
阅读全文
摘要：最终实现效果： js 部分实现 import Sortable from 'sortablejs';//引入sortablejs //1.请求数据后使用托拽方法 this.$nextTick(() => { this.setSort(); }); //2. 托拽方法 // 初始化拖拽 setSort
阅读全文
摘要：这篇文章是我在工作中使用 elementUi 遇到的问题做的简单汇总，希望能对看到这篇文章的你有所帮助 el-table 如何修改 el-table 展开树的三角图标 只需要给定 before 的 content 即可 // 隐藏展开箭头 .el-table__expand-icon { // 修改
阅读全文
摘要：vue3 新特性 整理的比较好的文档：https://www.jianshu.com/p/1fd73091e2e4 组合式 API vue3 中加入了组合式 ，这个功能的作用是将单个vue组件的，逻辑部分也能自由拆分组合，更深层次的实现解耦和高复用性 vue2 如果单个vue文件逻辑部分过大 ，我们
阅读全文
浙公网安备 33010602011771号