随笔分类 -  Vue

vue之mac vue2与vue3并存
摘要：1、vue2与vue3并存 单独安装vue-cli、@vue/cli 不全局安装 ·1、新建vue2、vue3文件夹，分别局部安装对应的vue-cli、@vue/cli npm install vue-cli@2.9.6 //指定需要的版本 npm install @vue/cli 安装完成后验证是 阅读全文
posted @ 2022-07-07 15:07 #青橙# 阅读(1236) 评论(0) 推荐(0)
vue之大数据渲染性能问题
摘要：一、table操作大数据选择页面奔溃问题 问题原因： table中渲染太多的select组件，下拉框数据太多，导致页面崩溃 1）table不渲染select组件，替换成统一弹出框选择所需信息 2）table列中，div替换select组件，点击列触发点击事件-div替换成select组件（只有 点击 阅读全文
posted @ 2022-06-07 14:59 #青橙# 阅读(428) 评论(0) 推荐(0)
vue之热更新问题
摘要：一、热更新失败 1.1、热更新成功，浏览器未响应 1.1.1、问题说明与分析 问题说明： 代码修改后，命令行进行了编译 Compiling... 但是浏览器没有更新页面。 问题分析： 修改代码后，进行了编译，说明热更新是没有问题的，可能是更新浏览器的问题，或者说webpack-dev-server  阅读全文
posted @ 2022-06-07 14:43 #青橙# 阅读(946) 评论(0) 推荐(0)
vue源码之变化侦测
摘要：Object的变化侦测 vue的最大特点之一就是数据驱动视图，什么是数据驱动视图，简单来说就是数据变化引起视图变化。 使得Object数据实现‘可观测’，Object构造函数提供了defineProperty方法使数据‘可观测’ 1、Object.defineProperty 该方法允许精确地添加或 阅读全文
posted @ 2021-05-11 11:37 #青橙# 阅读(97) 评论(0) 推荐(0)
vue之for循环动态加载图片不显示问题
摘要：问题记录：v-for循环获取img src变量动态渲染时，不显示图片 <li v-for="(item,index) in menuData" :key="item.id"> <div> <img :src="item.iconPath" alt=""> </div> </li><script>ex 阅读全文
posted @ 2021-01-12 17:10 #青橙# 阅读(1440) 评论(0) 推荐(1)
vue之报错Do not use built-in or reserved HTML elements as component id: button
摘要：问题描述：报错 vue.esm.js?efeb:628 [Vue warn]: Do not use built-in or reserved HTML elements as component id: button 报错原因： vue文件命名为 “ button.vue ” , 报错原因:but 阅读全文
posted @ 2021-01-08 17:13 #青橙# 阅读(482) 评论(0) 推荐(0)
vue之递归组件
摘要：组件通过自身属性name进行递归调用自身组件渲染， 案例：实现页面tree菜单 父组件 <template> <div class="home"> <!-- 首页左侧菜单区域 --> <div class="aside"> <menu-aside :menuData="menuData"></men 阅读全文
posted @ 2021-01-08 14:09 #青橙# 阅读(889) 评论(0) 推荐(0)
vue之CSS预处理器stylus
摘要：预处理器：预处理器是一种程序，需要将一种程序的数据转换成另一种程序的数据。它可以帮助我们编写可维护的、与时俱进的代码，也可以减少需要编写的CSS数量，这些工具对于哪些需要大量样式表和样式规则的大型用户界面是非常有帮助的。此文主要介绍stylus 1、配置stylus环境 安装 npm install 阅读全文
posted @ 2021-01-05 16:01 #青橙# 阅读(771) 评论(0) 推荐(0)
vue之css、stylus文件报错
摘要：问题记录：vue项目引入stylus后，main.js中引入css、stylus后，报错 "This dependency was not found" 或者 "This relative module was not found" 解决方案： npm install postcss-loader 阅读全文
posted @ 2021-01-05 15:01 #青橙# 阅读(207) 评论(0) 推荐(0)
vue之打包问题记录
摘要：一、vue打包报错 问题记录： Browserslist: caniuse-lite is outdated. Please run next command `npm update` 依赖包过时FATAL ERROR: CALL_AND_RETRY_LAST ALLocation failed - 阅读全文
posted @ 2021-01-04 14:22 #青橙# 阅读(397) 评论(0) 推荐(0)
Vue之mixins理解与应用
摘要：1、什么是mixins vue提供的一种混合机制，能够更好的实现组件功能复用，混合对象（mixins）可以包含任意组件选项（data、created、mounted、methods、filters等），组件引入后相关选项会进行合并，相当于引入后，父组件各属性进行扩充； 2、方法覆盖 在引入mixin 阅读全文
posted @ 2020-12-28 17:23 #青橙# 阅读(620) 评论(0) 推荐(0)
Vue之vue2-ace-editor代码编辑器使用方式
摘要：1、安装 npm install --save-dev vue2-ace-editor 2.1、全局加载：main.js 进行组件全局加载 import Editor from 'vue2-ace-editor' Vue.component('editor', Editor) 2.2、组件单独加载 阅读全文
posted @ 2020-12-24 16:15 #青橙# 阅读(4028) 评论(0) 推荐(0)
Vue 之elementUI问题记录
摘要：一、element UI table报错 prop row-key is required 问题记录：VUE elementUI 表格分页记录选中状态 使用:reserve-selection="true" 页面渲染报错 解决方案：在el-table 上 添加 :row-key="getRowKey 阅读全文
posted @ 2020-12-21 14:46 #青橙# 阅读(311) 评论(0) 推荐(0)