Vue基础教程

Vue的组件,过滤器，自定义指令以及v-if

v-if&v-showv-show如果值为true相应的节点就会显示，就算值是flase，在dom中依然存在，只是把display的值改成none我爱你v-if是直接将dom删除了，在dom文档中已经找不到对应的dom，变成了注释我爱你如果频繁使用就使用v-show可以节约性能开销如果短暂使用，例如页面一开始加载的时候进行判断显示优先使用v-if实际开发中，使用v-if比较多v-for比v-if优
冲锋敢死曾小贤·2024-02-20 19:27

Vue3+vite搭建基础架构（8）--- 使用pinia-plugin-persist

Vue3+vite搭建基础架构（8）---使用pinia-plugin-persist说明官方文档安装pinia-plugin-persist使用pinia-plugin-persist测试pinia-plugin-persist
谁不想飞舞青春·2024-02-20 19:26

Vue3+vite搭建基础架构（9）--- 使用vite-plugin-svg-icons

Vue3+vite搭建基础架构（9）---使用vite-plugin-svg-icons说明安装vite-plugin-svg-icons使用vite-plugin-svg-icons添加svg-icon
谁不想飞舞青春·2024-02-20 19:26

Vue3+vite搭建基础架构（10）--- 使用less和vite-plugin-vue-setup-extend

Vue3+vite搭建基础架构（10）---使用less和vite-plugin-vue-setup-extend说明官方文档安装less测试less表达式安装vite-plugin-vue-setup-extend
谁不想飞舞青春·2024-02-20 19:26

【无标题】vue3+pinia+vite管理平台模板（涉及顶部、侧边、导航栏菜单联动）

超实用的vue3+setup+pinia+vite项目模板主要实现顶部菜单、侧边菜单、导航栏菜单联动效果，效果相当的巴士惨了。
Silence翔海·2024-02-20 19:26

vue+element 左侧菜单栏+Tab页访问本地页面

exportdefault{data(){return{pageList:[],linkList:[],activePage:'',reloadFlag:true}},provide(){return{closeCurrent:this.closeCurrent}},created(){//if(this.$route.path!=indexKey){//this.addIndexToFirst(
夏_克·2024-02-20 19:54

vue3.0+ts+element-plus多页签应用模板：多级路由缓存

二、路由扁平化三、定义tag模块处理路由缓存四、切换路由时加入缓存五、使用keep-alive系列文章vue3.0+ts+element-plus多页签应用模板：前言vue3.0+ts+element-plus
W先生-SirW·2024-02-20 19:24

Vue3+vite搭建基础架构（11）--- 菜单栏功能和Tab页功能实现

Vue3+vite搭建基础架构（11）---菜单栏功能和Tab页功能实现说明删除项目中不需要的文件userStore全局属性代码菜单栏代码Tab页代码解决浏览器输入地址时不会打开tab页问题和切换tab
谁不想飞舞青春·2024-02-20 19:23

Vue-Cli—03.路由传参数 / 路由进阶 / 路由缓存 /sass|less

一、路由传参1.params参数路由配置{//注意：这里的路由需要传一个参数，路由可以传多个参数//如果是多个参数，可以写/type/:id/:namepath:'/type/:id',//设置该选项为true，组件可以通过props选项接收路由参数props:true,component:Type}页面南京无锡{{city.name}}{{city.content}}//使用props选项接收路
萌新g·2024-02-20 19:25

前端|Day1: HTML基础(黑马笔记)

标题标签六、段落标签七、换行和水平线八、文本格式化标签九、图像标签1.图像属性2.属性语法十、路径1.相对路径2.绝对路径十一、超链接标签十二、音频常用属性十三、视频常用属性十四、综合案例1.个人简介2.Vue
Sunshine.King·2024-02-20 19:21

vue好矫情

渲染子组件竟然需要在style样式后面加上空格，这样要求语法极大的降低了效率，这个设计者一定是有强迫症吧
高质量读书·2024-02-20 19:40

Vue.js前端开发实战(一)

Vue核心在于Vue.js，首先需要有Vue.js文件在联网的条件下可以直接调用其他人的资源如下：https://cdn.staticfile.org/vue/2.4.2/vue.min.jsVue的实例化
Alphamilk·2024-02-20 19:19

Vue.js前端框架技术学习心得体会

Vue.js前端框架技术学习心得体会目录Vue.js前端框架技术学习心得体会一、Vue.js介绍1.易上手：2.响应式数据绑定：3.生态系统完善：4.组件化：二、Vue.js的优势三、总结四、代码1.app
dzsszd·2024-02-20 19:18

vue.js前端框架技术

一、vue.js是什么？Vue.js诞生于2014年，由尤雨溪开发，是一套基于前后端分离模式、用于构建用户界面的渐进式框架，它只关注视图层的逻辑、采用自底向上、增量式开发的设计。
2301_78063739·2024-02-20 19:18

vue.js前端框架应用案例

Vue.js是一种流行的前端框架，它可以帮助开发者构建单页应用（SPA）和复杂的用户界面。
数字化信息化智能化解决方案·2024-02-20 19:17

仿 elementui-Form

相信大家在使用vueui库的时候,一定少不了使用form组件，笔者在平时项目中使用的是elementui，所以在使用的时候真心感觉很方便，不过在方便之余，我也看了看form的源码，其中的校验使用的第三方库
冷暖自知_zjz·2024-02-20 19:39

[highcharts] 07_在highcharts渲染完成后结束loading

vue2项目highcharts实例，如何在highcharts渲染开始时加载loading，在渲染结束时结束loading?
·2024-02-20 19:05

vue2和vue3中sass的使用

我们将讨论如何在Vue2和Vue3版本中使用Sass。
·2024-02-20 19:34

vue2和vue3 通过函数调用一个组件

实现一个简单的弹窗组件：vue2函数式组件写法，通过extend方法：创建ui.vue文件，存放我们的组件，如下：你好关闭.dialog{width:100vw;height:100vh;position
·2024-02-20 19:01

2024前端面试准备之uniapp篇

语言和技术栈：UniApp使用Vue.js作为开发语言和技术栈，而ReactNative使用React.js，Flutter使用Dart语言。开发者可以根据自己的技术背景和偏好选择合适的框架。
前端fighter·2024-02-20 18:45

vue 生成word表格文档 前端库介绍

在Vue中生成Word表格文档，你可以使用一些前端库来帮助你完成这项任务。以下是几个流行的库及其简要介绍：1.
人生万事须自为，跬步江山即寥廓。·2024-02-20 18:24

Vue25 过滤器

getFmtTime()}}现在是：{{time|timeFormater}}现在是：{{time|timeFormater('YYYY_MM_DD')|mySlice}}尚硅谷{{msg|mySlice}}Vue.config.productionTip
在下，杨江河·2024-02-20 18:51

Vue26 内置标签 v-text v-html

实例v-text指令你好，{{name}}Vue.config.productionTip=false//阻止vue在启动时生成生产提示。
在下，杨江河·2024-02-20 18:50

vue 开发-组件开发前必读

序言关于vue组件还是非常好用的,真正掌握预计需要一段时间具体可以参考https://cn.vuejs.org/v2/guide/components-registration.html本文主要是描写组件开发过程必然会遇到的几个问题
趣魂·2024-02-20 18:19

vue 退出登录 清除localStorage

vue退出登录清除localStorage在vue登录的时候我们会保持状态如下：methods:{login(){this.axios.post('users/login/',this.form).then
.@d·2024-02-20 18:48

vue 3自定义组件

创建libs文件夹，封装所有自定义组件在libs创建.vue和.js文件.vue文件》》渲染出的组件.js文件》》作为自定义组件导入import***from'./***.vue'//导入.vue组件exportdefault
懒员员·2024-02-20 18:48

JavaScript和Python打造跨平台客户端应用——vue-pywebview-pyinstaller

这就有了今天的主角：vue-pywebview-p
潘高·2024-02-20 18:16

vue3项目配置按需自动导入API组件unplugin-auto-import

场景应用：避免写一大堆的import，比如关于Vue和VueRouter的1、安装unplugin-auto-importnpmi-Dunplugin-auto-import2、配置vite.configimportAutoImportfrom'unplugin-auto-import
菜鸟茜·2024-02-20 18:45

VUE+Element-ui实战之新增弹出框和编辑弹出框共用一个组件

首先学会点击按钮触发弹出框动作：VUE弹窗加载另一个VUE页面1、el-table基本设置ActivityManage.vue全部代码：活动管理查询重置添加提
菜鸟茜·2024-02-20 18:15

VUE+Element-ui实战之el-calendar日历自定义显示内容

目录1、确保添加el-calendar组件2、遍历日期，确定显示内容3、最终实现效果4、完整代码1、确保添加el-calendar组件确保你的element引入了el-calendar组件，这里不再赘述2、遍历日期，确定显示内容3、最终实现效果4、完整代码施工日志{{data.day.split('-').slice(1).join('-')}}{{item.content}}exportdefa
菜鸟茜·2024-02-20 18:15

vue预览本地pdf文件方法之iframe

之前试了两种方法1、vue预览本地pdf文件方法之a标签2、vue预览本地pdf文件方法之vue-pdf组件都不符合需求想要的效果方法1只是重新打开窗口，适用于pdf预览简单需求方法2因为是单页展现，还需要上一页下一页的切换
菜鸟茜·2024-02-20 18:15

利用vite快速搭建vue3项目

输入命令【npmcreatevite@latest】npmcreatevite@latest2、提示你输入项目名称之后，我这里设置的是【rookiedemo】3、回车之后，出现选择框架的提示，我们选择【vue
菜鸟茜·2024-02-20 18:15

vue+Element实现文字列表轮番滚动效果

预警信息{{item.info}}{{item.info}}{{nei}}紧急联系人：周峰联系人电话：15515554312exportdefault{data(){return{chuxian:true,chuxians:false,nei:"",messages:[{type:"报警",deviceId:12,info:"温度传感器西特SetraSTC温度读数异常"},{type:"报警",d
菜鸟茜·2024-02-20 18:45

Element-ui 步骤条功能拓展——动态生成步骤条

需求：最近在做应急预案的vue页面，需要有上一步、下一步等功能，并且每一个预案都是一个简单流程题外话：感觉使用vue+Element-ui来做，真的是方便很多很多，思路清晰，代码简洁。
菜鸟茜·2024-02-20 18:45

vue 自定义组件

目录使用组件的好处定义组件全局组件局部组件总结使用组件的好处可复用易维护可封装,易使用在大型项目中可以降低组件之间的复用性定义组件在项目src中的components文件夹中新建vue文件用于定义组件全局组件全局组件在
blockchain beginner·2024-02-20 18:14

Vite按需引入自定义组件unplugin-vue-components

1.安装插件npmiunplugin-vue-components-D2.vite.config.ts文件加如下代码plugins:[vue({reactivityTransform:true}),Components
前端~·2024-02-20 18:42

面试题之项目做过哪些性能优化可以从哪方面说？

将静态资源部署到CDN上步骤简述：Vue静态资源上CDN方案简述-掘金(juejin.cn)4.避免重定向：确保网页没有多余的重定
STATICHIT静砸·2024-02-20 18:42

vue3项目配置按需自动引入自定义组件unplugin-vue-components

接下来就进入我们的主角unplugin-vue-components，这就是前端大神AnthonyFu写的的非常好用的插件，其实已经被vite官方收录了1、安装unplugin-vue-componentsnpmiunplu
菜鸟茜·2024-02-20 18:39

vue路由详解

vue路由详解一、路由属性配置说明二、页面跳转（1）router-link标签跳转（2）编程式导航-JS代码内部跳转（3）其他常用方法三、子路由-路由嵌套（1）src/components/Home.vue
前端小白进阶之旅·2024-02-20 17:30

在普通的html页面用Vue3组合式API写的项目（无需Node.js环境和构建项目）

摘要Vue.js的优点有很多，但是其使用门槛对于只学习过普通的项目的同学来说，还是比较有挑战性的，如果你真的想把Vue学的很溜，真的需要一个非常系统的学习才能运用起来。
·2024-02-20 17:54

vue父组件调用子组件的方法 或传递值给子组件

目录1.父组件调用子组件的方法1.导入子组件2.注册子组件3.添加ref引用4.当监听到父组件的某一个值变化时通过ref去调用子组件reset()方法1.父组件传递值给子组件1.**父组件中定义并传递参数：**2.**子组件中接收并使用参数：**1.父组件调用子组件的方法导入子组件，注册子组件,添加ref引用，通过ref去调用子组件方法1.导入子组件importCY_RD_PROJECT_CHAN
Tang_Monk·2024-02-20 17:53

grid---选择数据功能！！

编写表的扩展js一、步骤1.第一步-新建modelBody组件复制如下代码修改相关内容编号名称型号搜索添加选择的数据关闭importVolBoxfrom"@/components/basic/VolBox.vue
Tang_Monk·2024-02-20 17:23

vue-provide/inject用法

#provide/inject2.2.0新增类型：provide：Object|()=>Objectinject：Array|{[key:string]:string|Symbol|Object}注：provide和inject主要在开发高阶插件/组件库时使用。并不推荐用于普通应用程序代码中。这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在其上下游关系
页神建辑-思而后学·2024-02-20 17:14

二.组件的通信 :provide/inject

当组件A和组件B中间隔了数代（甚至不确定具体级别）时，以往会借助Vuex或Bus这样的解决方案，不得不引入三方库来支持。
Lucky.cs·2024-02-20 17:14

vue 中provide的用法_聊聊Vue中provide/inject的应用详解

在Vue中，Vue提供了各种各样的组件通信方式，从基础的props/$emit到用于兄弟组件通信的EventBus，再到用于全局数据管理的Vuex。
weixin_39796238·2024-02-20 17:44

Vue 3的provide和inject用法

了解Vue3的provide和inject用法前言在组合式API中的用法基本用法前言provide和inject在Vue2中已经被广泛应用，不是新鲜API，3.0重新认识一下它们两个。
超人不会飞°ོ·2024-02-20 17:44

vue 中provide的用法_Vue多级组件provide/inject使用详解

这次给大家带来Vue多级组件provide/inject使用详解，Vue多级组件provide/inject使用的注意事项有哪些，下面就是实战案例，一起来看一下。
weixin_39626237·2024-02-20 17:43

react context上下文与vue中 provide inject的用法区别

一、react中：数据传递1、引入createContextimport{createContext}from"react";2、创建并导出exportconstFspThemeContext=createContext({});3、传递数据（value项不能缺少！！）①不解构直接使用Provider②解构后使用const{Provider}=FspThemeContext数据接收1、在孙组件中引
Holly·2024-02-20 17:13

react的createContext及useContext 和 vue3的 provide 及 inject

这几个方法都是用于多层嵌套组件时，父组件向某个深层组件的传值，避免了props一层一层的传递。reactcreateContext和useContext新建context.ts文件：import{createContext}from'react'exportconstMyContext=createContext(null)父组件：import{MyContext}from'./context'i
Mosowe·2024-02-20 17:13

vue组件通讯之provide / inject

什么是provide/inject[传送门]vue的组件通讯方式我们熟知的有props$emitbusvuex,另外就是provide/injectprovide/inject是Vue.js2.2.0版本后新增的
weixin_34101784·2024-02-20 17:13
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他