随笔分类 -  前端技术 / vue&react

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

点击右上角即可分享
微信分享提示