随笔分类 - 前端技术 / vue&react
前端框架
摘要:本文介绍如何在vue中定义插件,注册插件和使用插件 插件目录 /src/plugins 插件入口文件 /src/plugins/index.js import cache from './cache' import modal from './modal' // 安装默认插件,在main.js中引入
阅读全文
摘要:标签组件的效果如下 组件作用 这是一个div,包含了两个文本框,后面是添加和删除按钮 添加按钮复制出新的div,除了文本框没有内容,其它都上面一样 删除按钮将当前行div删除 组件实现 <template> <div> <template v-for="(item,index) in tags">
阅读全文
摘要:用到的技术 父组件向子组件的传值 类型检查和默认值:您可以为props指定类型检查和默认值。这可以确保传递给子组件的数据符合期望的类型,以及在没有传递数据时具有合理的默认值。例如: props: { message: { type: String, default: 'Default Message
阅读全文
摘要:存储相关 Vuex 和本地存储(如localStorage)以及 cookie 存储(如 document.cookie)之间有一些关系,但它们是不同的概念,用于不同的目的。 Vuex: Vuex 是 Vue.js 的官方状态管理库,用于在 Vue.js 应用程序中管理应用程序的全局状态。 Vuex
阅读全文
摘要:浅拷贝 当我们想要复制一段数据的时候吗,我们就会用到拷贝;拷贝数据又分为了浅拷贝和深拷贝,浅拷贝指复制对象或数组的顶层结构,如果对象或数组中有引用类型的属性值,复制的是引用(地址)而非值;而深拷贝则是递归复制完整的对象或数组,包括嵌套的子对象或子数组,生成一个全新的对象,新对象和原对象的引用地址不同
阅读全文
摘要:# el-autocomplete核心参数 可以实现异步的数据拉取,从异步返回的数据中,选择需要的结果,并回显到文本框中。 ## fetch-suggestions 回调列表,异步的方式获取数据列表,显示在列表框中 ## @select 当选中某一项时,会触发这个方法,将数据获取到,这时,我们可以将
阅读全文
摘要:# 模板页的重要性 Vue 项目中使用布局组件来创建页面布局的方式是完全可行的,而且在很多项目中都被广泛采用,包括像 ruoyi 这样的框架。这种模式有助于实现统一的页面布局结构,减少重复代码,并提高代码的可维护性。 让我们具体分析一下你提到的 ruoyi 框架的做法: 1. **Layout 组件
阅读全文
摘要:前端VUE页面上的导出或者下载功能,一般是调用后端的一个接口,由接口生成excel,word这些文件的流信息,返回给vue,然后由vue去构建下载的动作,这边整理了一下,封装了一下,方便以后复用。 封装一个download文件 使用年月日时分秒毫秒做为文件的名称,下载为excel文件 /** * 下
阅读全文
摘要:我们在进行vue开发时会将公共的部分进行抽象,然后生成一个独立的组件,这个组件可以被其它页面引用,如果希望有交互的动作就设计到了值的传递,或者方法的回调等问题,这一次我们主要来说一下父组件和子组件的交互。 值的传递 子组件,通过定义了prods,然后可以实现从父组件向子组件的传递: <templat
阅读全文
摘要:methods_created_mounted_watch_computed在vue里是最基础的方法,它在vue里有着自己 的作用,例如页面渲染前,渲染后,变量发生变化后,计算属性值等等。 <template> <div> <Input type="text" v-model="message" c
阅读全文
摘要:当你的node项目需要yarn支持时,应该先安装它,然后添加环境变量,再进行npm run build动作 ``` npm install -g yarn node -v #检测node版本(此条命令非必要) npm -v #检测npm版本(此条命令非必要) npm config set regis
阅读全文
摘要:# 问题描述: Unexpected end of JSON input while parsing near '…" # 解决办法: 设置仓库为淘宝的,然后清除缓存,重新下载依赖包 ``` npm install --registry=https://registry.npm.taobao.org
阅读全文
摘要:mac上安装vue 1. 安装homebrew(是Mac OS x下的软件包管理工具,可以安装,卸载,更新,查看,搜索等功能) 终端输入: 。开始安装,中间可能要输入电脑密码,耐心等待过后出现下图表示安装成功。可通过brew v 查看版本。 2. 安装nodejs 终端输入: 或者直接官网手动安装。
阅读全文
摘要:props是参数的传递,从上层模块向下层模块进行拿传递;而state是提局域变量,一般在本模块内使用,props是不能改变的,而state可以通过setState去修改自身的值。 props React的核心思想就是组件化思想,页面会被切分成一些独立的、可复用的组件。 组件从概念上看就是一个函数,可
阅读全文
摘要:这几年前端框架发展的不错,出了不少框架,像微软自己的knockoutjs,angular,vue和最近比较火的react等,之前我有写过前两者的相关文章,今天主要说一下后两者。 介绍 1. 是一个用于构建用户界面的 JAVASCRIPT 库。 2. 主要用于构建UI,很多人认为 React 是 MV
阅读全文