vue的生命周期完成后,在组件首次渲染完成后,不用v-if控制组件显隐,再次调用组件,组件不会再次传参进行数据更新
原创
2022-03-01 11:04:15
36阅读
1.安装vuecreateprojectnpminstallnpmrunserve2.使用axios作为请求库npminstallaxios3.使用sass预编译处理cssnpminstallDsassloadernodesass4.使用styleresourcesloader处理全局自动导入(变量、mixin、var)npminstallDstyleresourcesloaderjs//vue.
原创
2021-11-02 13:29:22
291阅读
点赞
2评论
1 组件目录内始终使用文件夹管理组件在 components 目录下的通用组件始终使用文件夹管理组件,并通过 index.js 暴露组件,建议使用以下文件结构:├── components
│ ├── componentA
│ │ ├── componentA.vue
│ │ └── index.js
│ ├── componentB
│ │ ├── compone
分享一个以前学vue时自己练手的一个小项目,项目使用vue cli3创建,UI库用的是vuetifyjs,vuetifyjs官网:https://vuetifyjs.com/ 数据来源是网上随便找的一个网易云音乐的数据接口:http://musicapi.leanapp.cn,省去自己做后台接口的时
原创
2021-06-17 10:55:58
466阅读
本文首先对 Vue 的相关技术进行简单介绍与分析,接着总结开发实践(主要描述 Vuex 实践)过程 题与关键点,最后做出一点实践的总结与思考。
转载
2017-11-30 10:43:00
134阅读
2评论
graphql提供了5种标量:Int:32位有符号整型,超出精度范围后,引擎会抛出异常Float:有符号双精度浮点数,超出精度范围后,引擎会抛出异常String:字符串,用于表示 UTF-8 字符序列Boolean:布尔值,ID:资源唯一标识符首先是后端const koa=require('koa')const app=new koa();const cors=requ
原创
2022-06-24 10:36:48
288阅读
前言
Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM;但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题,所以我们仍然需要去关注 Vue 项目性能方面的优化,使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来,希望读者读
转载
2021-06-30 15:52:23
121阅读
【错误提3.7.1', npm WARN EBADENGINE required: { node: '>=8.11.
原创
2022-09-29 19:08:15
580阅读
引言 我在练手的时候发现后端返回的数据可以通过两种方式渲染 (自己遇到的 可能你都会 哈哈哈) 后端传过来的数据函数 from django.http import JsonResponse def record_detailed(request): all_record = models.Reco
原创
2021-07-30 11:38:45
197阅读
表格中的值怎么计算呢? <el-table-column sortable label="LENGTH(cm)" width="150px" align="center" prop="length" :show-overflow-tooltip="true"> <template slot-scop
转载
2022-09-29 19:07:07
97阅读
在刚刚发布的 Vue.js 2.5 中加强了对 TypeScript 的支持,TypeScript 可以直接推导出 Vue.extend(options), Vue.component(options) 和 new Vue(options) 等 API 的参数中的 this 的类型,无需依赖 vue-class-component 这样的 decorator。 这个功能依赖于 TypeScrip
testdemo安装依赖yarn install开发启动yarn serve打包yarn build格式化yarn lint前端架构方式vue3.0 + ts + ant-design-vue + stylus技术栈选择 Vue 作为框架用了 vue-router 和 vuex选择了 Ant Design Vue UI框架工具库选择 lodash选择了CSS 预处理器 stylus 全局样式 目录
转载
2023-10-13 20:27:31
75阅读
一、代码层面的优化
1.1、v-if 和 v-show 区分使用场景
v-if 是 真正 的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建;也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。
v-show 就简单得多, 不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 的 display 属性进
转载
2021-07-05 15:58:47
183阅读
前言Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM;但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题,所以我们仍然需要去关注 Vue 项目性能方面的优化,使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来,希望读者读完
转载
2022-02-25 09:53:01
129阅读
Vue父子组件通信应用实践总结
原创
2023-10-19 11:36:48
86阅读
1、https://mp.weixin..com/s?__biz=MzAxODE2MjM1MA==&mid=2651554237&idx=1...
转载
2022-03-02 14:16:45
124阅读
1 写在开头文档较长,可按需耐心反复阅读。其中带(官)的是直接引用了 Vue 官方的风格指南。针对 Vue 性能优化相关内容,单独在内容后进行了标注,可通过搜索“性能优化”四个字查找。2 Vue.js2 模板工程说明2.1 目的封装常用功能和配置,规范代码编写,保证输出的一致性,方便前端人员在此基础上快速开发新项目的业务模块。2.2 下载模板项目(Boilerplate)分为 JavaScript
转载
2021-01-17 17:33:28
690阅读
项目简介 目前一期只是为App内某个模块资讯模块文章的分享和APP下载,后续还会有更多的功能,为了项目可扩展、可伸缩结合了我以前的实践搭建了此项目项目地址,如果这个简单的项目能给您带来帮助请给小哥哥⭐Star好不好(手动笔芯)。 功能 根据分享出来的文章ID获取数据 在网页内可以打开或者下载该APP
转载
2017-04-18 13:25:00
150阅读
2评论
1.老项目指只有jquery, html,css,js ,freemarker 等的原始项目。2.引入ElementUI步骤:a. 进入elementUI官网 CDN处<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><!-
原创
2022-01-14 16:58:31
1306阅读
Vue中使用TS,看这一篇就够了
原创
2022-03-03 13:34:05
142阅读