vue3工程化第27页

尚硅谷Vue项目实战硅谷甄选Vue3学习笔记

Props父传值子组件子组件我是子组件:曹植{{props.info}}{{props.money}}{{info}}{{money}}修改props数据letprops=defineProps(['info','money']);//接收父类给予的数值//按钮点击的回调constupdateProps=()=>{//props:只读儿子没有console.log(props.info)}父组件p

　方雄·2024-01-30 04:36

[小折腾] SharedPreferenceImpl$EditorImpl#apply引发的ANR场景

书本《Android工程化最佳实践》(作者金凯)中谈到SharedPreference会有ANR的可能，以及贴出关键源码(api19)和相关的log日志，读者可以先行看看。

newmandirl·2024-01-30 03:22

【Vue】为什么Vue3使用Proxy代替defineProperty？

先来看看Vue2中defineProperty来操作数据：constobj={a:1,b:2,c:{a:1,b:2}}function_isObject(v){returntypeofv==='object'&&v!==null;}functionobserve(object){for(letkeyinobject){letv=object[key];if(_isObject(v)){observ

小秀_heo·2024-01-30 03:47

资源加载如何自动重试

在script标签中添加onerror事件，报错时触发，但是由于工程化环境中自动加载的js文件，这样处理不方便。Document何时重试？

真的想不出名儿·2024-01-29 23:49

vue3报错 Component name “Footer“ should always be multi-word

报错内容Youmayusespecialcommentstodisablesomewarnings.Use//eslint-disable-next-linetoignorethenextline.Use/*eslint-disable*/toignoreallwarningsinafile.ERRORin[eslint]/Users/soul/projects/learning-vuejs3/c

用户昵称不能为空·2024-01-29 23:42

webpack5快速搭建Vue3项目

webpack5快速搭建Vue3项目基础环境搭建安装依赖webpack配置文件修改引入Vue基础环境搭建参考webpack5快速搭建HTML项目安装依赖vue：yarnaddvue-Svue-loader

weiweivita·2024-01-29 22:27

JAVA设计模式总结之23种设计模式

毫无疑问，设计模式于己于他人于系统都是多赢的，设计模式使代码编制真正工程化，设计模式是软件工程的基石，如同大厦的一块块砖石一样。

Wu_Menghao·2024-01-29 22:23

VUE项目搭建

vue项目搭建选择程序放置的文件夹，在路径栏中输入cmd，再按回车打开命令行窗口在命令行中输入以下内容vuecreatethreejs选择vue3默认创建完成之后的界面是这样打开创建好的工程项目，在package.json

言馨·2024-01-29 22:06

Boolan C++设计模式第一周笔记

设计模式使代码编写真正工程化；

Sylar_F·2024-01-29 22:57

uniapp-v3组合式语法-data实现

)返回的属性将会成为响应式的状态//并且暴露在`this`上data(){return{count:0}},}但这样写,很明显一点都不优雅,代码缩进太多了,还没开始写呢,就已经嵌套了三层大花括号,所以vue3

Qayrup·2024-01-29 21:13

基于vue3+ts+vite封装的动态表单，支持手动编辑生成页面表单配置并渲染使用，所有源码都在文章中

效果图一、第一个文件index.vue，也就是表单生成器的根页面importaxiosfrom'axios'import{ref,reactive}from'vue'importformRenderfrom'./modules/formRender.jsx'importformCreatorfrom'./modules/formCreator.vue'import{ElNotification}f

jsmeng626·2024-01-29 19:04

Vue3 Element-plust表格导出excel文件

安装插件：npmijs-table2excel引入插件：importtable2excelfrom"js-table2excel";table收集数据：consthandleSelectionChange=(val:User[])=>{//收集选中的数据multipleSelection.value=val;};导出excel文件：letarr=[{title:"名称",//名字自定义key:"n

茶已微凉ノ·2024-01-29 19:19

【Uni-App】Vue3如何使用pinia状态管理库与持久化

安装插件pinia-plugin-unistorage引入//main.jsimport{createSSRApp}from"vue";import*asPiniafrom"pinia";import{createUnistorage}from"pinia-plugin-unistorage";exportfunctioncreateApp(){constapp=createSSRApp(App)

RisunJan·2024-01-29 19:42

vue3.0性能优化点之静态标记(PatchFlag)

关注Vue3源码库的童鞋应该有注意到,2021.11月2号Vue更新到了3.2.21版本,自Vue3发布以来,一直在不断的迭代完善着,Vue3的GitHub仓库已有25.7kStar,主流UI框架如:AntDesignofVue

Ashley的成长之路·2024-01-29 18:34

Vue2 VS Vue3 生命周期

三、Vue2VSVue3生命周期生命周期Vue2Vue3备注创建阶段befor

Ashley的成长之路·2024-01-29 18:30

#Vue3篇：defineExpose()可以通过 `defineExpose` 编译器宏来显式指定在 `＜script setup＞` 组件中要暴露出去的属性：

使用的组件是默认关闭的——即通过模板引用或者$parent链获取到的组件的公开实例，不会暴露任何在中声明的绑定。可以通过defineExpose编译器宏来显式指定在组件中要暴露出去的属性：vueimport{ref}from'vue'consta=1constb=ref(2)defineExpose({a,b})当父组件通过模板引用的方式获取到当前组件的实例，获取到的实例会像这样{a:number

前端xiaolibao·2024-01-29 18:30

#Vue3篇：defineProps---withDefaults&& Vue3 中，有以下几种属性或函数不需要手动引入即可直接使用：

reactive({})definePropsimport{defineProps}form'vue'import{typepersons}from'@/types'letprops=defineProps(['a'])withDefaults给默认值import{defineProps,withDefaults}form'vue'import{typepersons}from'@/types'l

前端xiaolibao·2024-01-29 18:27

vue3 el-pagination 将组件中英文‘goto’ 修改为中文到‘第几’

效果如图：要求：将英文中Goto改为到第几操作如下：//注意：这是重要部分//在调用分页组件el-pagination的页面：import{ElConfigProvider}from'element-plus'importzhCnfrom'element-plus/es/locale/lang/zh-cn';zhCn.el.pagination.goto="到第"

PXY_J·2024-01-29 17:10

Vue3+Element Plus+TS 项目利用 el-pagination 封装公共的分页组件

漓°·2024-01-29 17:10

【vue-element-admin】--Pagination分页组件设置

vue-element-admin】--Pagination分页组件设置一、参考资料一、涉及到的文件1、//src/utils/scroll-to.js2、//src/components/Pagination/index.vue3

骨月·2024-01-29 17:40

vue3中使用echarts的子组件接收父级传来参数，并重新渲染 +++watch监听的用法

1、父组件页面：高度(m)importheightChartfrom"./echarts/heightChart.vue"constprops=defineProps({equipmentReal:{type:Object,default:function(){return{};},},echartsData:{type:Array,default:function(){return[];},}}

PXY_J·2024-01-29 17:10

vue3+element plus的el-pagination分页样式自定义

在style下写入::v-deep(.is-active){background-color:#65cea7!important;}这样就可以完成自定义分页器的样式了，快来试试吧！

Sink_web·2024-01-29 17:39

vue3封装el-pagination分页组件

1、效果如图：2、分页组件代码：import{ElConfigProvider}from'element-plus'importzhCnfrom'element-plus/es/locale/lang/zh-cn';zhCn.el.pagination.goto="到第"constprops=defineProps({total:{required:true,type:Number,default

PXY_J·2024-01-29 17:38

vue3 el-pagination二次封装

在网上也有不少的封装案例，但大多都不符合vue3语法糖的最新格式，没多少内容，直接上干货。

努力搬砖的小码农·2024-01-29 17:08

vue3使用create-vue创建项目

vue3使用create-vue创建项目开发工具认识create-vue使用create-vue创建项目前提条件创建一个vue应用安装依赖和启动项目项目结构介绍vue3项目结构修改项目的端口号全局安装create-vue

迷失的小鹿·2024-01-29 16:55

vue3 使用 element-plus 侧边菜单栏多开收起时出现迟滞、卡顿的问题

遇到问题vue3使用element-plus侧边菜单栏多开收起时出现迟滞、卡顿的问题这里多开二级，当点击上面的回收时，出现了卡顿现象，找了很久才发现是因为引入了icon图标具体原因不详！！！！

灰鸽私塾·2024-01-29 16:24

Vue----过滤器(Vue3弃用)

文章目录4过滤器(Vue3弃用)4.1过滤器的定义4.2私有过滤器和全局过滤器4.3连续调用多个过滤器4.4过滤器传参4.6过滤器的兼容性4过滤器(Vue3弃用)过滤器（Filters）是vue为开发者提供的功能

萤火虫的小尾巴·2024-01-29 16:51

换个思维方式快速上手UML和 plantUML——类图

和大多数朋友一样，Jeffrey在一开始的时候也十分的厌烦软件工程的一系列东西，对工程化工具十分厌恶，觉得它繁琐，需要记忆很多没有意思的东西。但是之所以，肯定有是因为。

Jeffrey_oWang·2024-01-29 16:04

【Vue】2-1、Vue 简介

Vue2官网：Vue.jsVue3官网：Vue.js-渐进式JavaScript框架|Vue.jsVueCLI：VueCLIVueRouter：VueRouter|Vue.js的官方路由一、什么是Vue1

QX_Java_Learner·2024-01-29 15:00

《Vue3 基础知识》Vue2 与 Vue3 技术对比（资源整理，建议收藏）

**Vue3技术Vue2技术描述Vue3Vue2Vue3/2官方指南VueRouter4VueRouter3Vue官方路由管理器Vuex4/Pinia(官方推荐)Vuex3Vue应用程序的状态管理模式+

AvatarGiser·2024-01-29 15:59

【前端工程化】五：webpack5快速入门（二）

webpack-dev-server要实现在开发时修改了文件可以自动编译展示，可以使用webpack的watch属性为true和vscode的liveserver插件，即观察模式//webpack.config.jsmodule.exports={watch:true,...}但是这样做有几个缺点：所有源代码都会重新编译因为我们使用了clean-webpack-plugin插件，所以每次编译成功以

Whoopsina·2024-01-29 15:27

【前端工程化】五：webpack5快速入门（四）

CSS抽离与压缩将Css文件单独提取一个文件中，推荐当css文件大于150kb时在考虑使用该插件，否则会多一次css的请求；开发环境中使用压缩性价比不高，所以一般在生产环境中使用；生产环境下，在loader中配置MiniCssExtractPlugin.loader代替style-loader，在插件中配置MiniCssExtractPlugin的输出路径用于抽离CSS，配置CssMinimize

Whoopsina·2024-01-29 15:27

前端工程化基础（三）：Webpack基础

Webpack和打包过程学习webpack主要是为了了解目前前端开发的整体流程，实际开发中，我们并不需要去手动配置，因为框架的脚手架都已经帮助我们完成了配置内置模块path该模块在Webpack中会经常使用从路径中获取信息constpath=require("path");constpathStr="D:/Mrzhang/Study/前端/node/code/zc_test/src/index.j

前端大菜鸟_·2024-01-29 15:55

【Vue】1-1、webpack的基本使用

一、什么是Webpack概念：webpack是前端项目工程化的具体解决方案。主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端JavaScript的兼容性、性能化等强大的功能。

QX_Java_Learner·2024-01-29 15:25

Vue的状态管理Pinia

一、介绍官网：https://pinia.web3doc.top/introduction.htmlPinia是Vue官方团队开发的一个全新状态管理库Vue2和Vue3都可以使用去除了mutations

kimi-001·2024-01-29 15:55

VUE3好看的我的家乡网站模板源码

效果和结构2.1动态效果2.2代码结构源码下载作者：xcLeigh文章地址：https://blog.csdn.net/weixin_43151418/article/details/135548927VUE3

xcLeigh·2024-01-29 12:38

VUE3动漫影视视频网站模板源码

文章目录1.视频设计来源1.1主界面1.2动漫、电视剧、电影视频界面1.3播放视频界面1.4娱乐前线新闻界面1.5关于我们界面2.效果和源码2.1动态效果2.2源码结构源码下载作者：xcLeigh文章地址：https://blog.csdn.net/weixin_43151418/article/details/135549182html实现动漫视频网站模板源码，功能最全，好看的动漫网站模板，视频

xcLeigh·2024-01-29 12:33

electron + vue3 + typescript + monorepo + github releas 桌面开发脚手架，快速初始化新建项目

github:https://github.com/enncy/electron-quickly-start安装下载/初始化项目模版npmcreateeqs-cli@latestinit运行#安装pnpmnpmipnpm-g#安装依赖pnpmi打开两个终端分别启动vue和electronnpmrundev:webnpmrundev:app打包npmrunbuild发布npmrunrelease替换

言小溪·2024-01-29 11:00

uni-app vite+ts+vue3模式集成微信云开发

1.创建uni-app项目此处使用的是通过vue-cli命令行方式uni-app官网使用vue3/vite版创建以typescript开发的工程（如命令行创建失败，请直接访问gitee下载模板）npxdegitdcloudio

lyj168997·2024-01-29 10:30

自定义事件总线

当然我们可以选择一些第三方的库Vue2默认是带有事件总线的功能Vue3中推荐一些第三方库，比如mitt当然我们

咸鱼不咸_123·2024-01-29 10:20

vue3+Element Plus实现自定义穿梭框

先上效果图：具体细节可以自己调整这里主要说明派单，取消这两个按钮的实现DOM部分代码：派单取消穿梭框的table表头是动态的html中无需修改，使用这个组件首先需要在scripe中创建如下变量consttableData=ref([])//左侧数据constselectedLeft=ref([])//左侧选中数据constsharedData=ref([])//右侧数据constselectedR

左小白·2024-01-29 10:51

vue

利用vite创建vue3项目npminitvite-appprojectName安装依赖运行项目：cdprojectNamenpminstallnpmrundev数据双向绑定必须要使用ref,reactive

过河卒_51be·2024-01-29 08:51

【Vue3】Vue 基本使用——局部使用Vue

1.快速入门现在需要将“hellovue3”这样一个字符串渲染到页面上进行展示。

offer来了·2024-01-29 07:55

vue3中的vuex理解

vuex,概念理论什么的，我就不多说了。懂的人都懂。不懂的，请自己谷歌。本博文主要讲解它的一些常用方法和持数据的持久化（本文是以模块化来写的）。1、安装npminstallvuex@next--savenpmivuex-persistedstate#持久化插件2、在根目录下新建一个store目录，再在该目录下新建一个index.ts文件（做为vuex的入口文件）import{createStore

爱敲代码的小冰·2024-01-29 07:53

npm 或 yarn 使用别名同时安装同一个包的两个版本

以vue为例,同时安装vue的2.6版本和vue的3.2版本首先分别起名vue2和vue3npm安装##npm别名安装写法npminstallvue2@npm:vue@^2.6.14npminstallvue3

余栀丶·2024-01-29 07:43

表单的总数据为什么可以写成一个空对象，不用具体的写表单中绑定的值，vue3

constform=ref({})from为空对象在v-model里写form.name,其实就是在form这个空对象里添加了一个键名为name的成员，你不用在script标签的form对象里面特意写name属性。

深一海·2024-01-29 06:40

使用Vite 创建 Vue 3.0 项目(最新体验)

一、前言最近在构建一个新的项目，大学室友小伙伴想用vue3，所以我想都没想就直接用vue-cli来搭建vue3。在搭建的的过程中，遇到了很多包版本的问题。比如：sass包。

HarlieYang·2024-01-29 06:36

【lucky-canvas插件】在Vue3实现大转盘&九宫格&老虎机抽奖

目录前言一、lucky-canvas介绍二、lucky-canvas使用（Vue3）1.安装2.注册3.使用三、九宫格为例的具体使用1.组件使用2.常用配置①blocks背景②prizes奖品③buttons

小五Five·2024-01-29 05:30

Vue3中按需导入使用dataV的vue3版本

前言：仅供参考，目前本人在项目使用是没问题的1、安装data-vue3npminstall@dataview/datav-vue32、按需导入Contentimport{BorderBox1}from'

Lee_Yu_Fan·2024-01-29 05:56

Vue3开发利器：超实用Npm Modules推荐与实战

专注于Vue3的实战总结和开发实践分享，让你轻松驾驭Vue3的奇妙世界！✨在这里，我将为你呈现最新的Vue3技术趋势，分享独家实用教程，并为你解析开发中的难题。

程序员海军·2024-01-29 05:42

推荐频道

vue3工程化