Vue--》详解vue组件及其组件化的使用
vue是一个支持组件化开发的前端框架。什么是组件化开发?组件化开发是指:根据封装的思想,把页面上可重用的UI结构封装为组件,从而方便项目的开发与维护。vue中规定:组件的后缀名是.vue。用vue-cli搭建自动生成的App.vue文件本质上就是一个vue组件。
安装webpack及使用
你是否也是只会运用框架中集成好的Webpack配置呢?你明白每一项的意义么?你懂多少Webpack的个性化配置项呢?本篇文章为你讲解Webpack中的各种配置项参数及作用!
路由vue-route的使用
{访问路由:http://localhost:8080/#/user/666UserView.vue组件。
疫情可视化(后续)
最后我发现人的审美真的变化太快了。项目刚搞完:嗯不错!真漂亮!过去一周后:什么玩意!丑得一批!如果还有后续的话,我可能就要考虑添加自定义主题配色了。
element ui+vue实现导航栏菜单以及页面跳转
关于博主:不知道算不算的上入门,就是刚刚学习vue框架,断断续续的学习,所以有些地方讲的不正确也欢迎大家批评斧正,希望与大家共同进步问题描述对于初学前端的我们来说搭建一个路由导航界面还是比较困难的,在这里给大家分享一下最近我学到的一些这方面的知识首先给大家看看效果图吧:写的就是一些很基础的东西,因为
vue2和vue3区别
1. vue2和vue3双向数据绑定原理发生了改变vue2的双向数据绑定是利用了es5 的一个API Object.definepropert() 对数据进行劫持 结合发布订阅模式来实现的。vue3中使用了es6的proxyAPI对数据进行处理。相比与vue2,使用proxy API 优势有:def
【uniapp】uni中导入vant组件库
虽然并不知道到这个自定义组件为什么要用wxcomponents我试了其他名字,但是不行,dist改为vant。整个目录结构与pages同级:wxcomponents/vant/官方组件。【用多少加多少,没必要全加,这里是常用的,便于复制】3.测试使用:【跟着官网api使用即可】1.首先在app.vu
Vue2 大型项目升级 Vue3 详细经验总结
前段时间,公司准备在现有的 Vue2 项目中做一个聊天系统,但考虑开发聊天系统的周期并不短,客户又急需。于是准备对接腾讯的 IM 组件,来实现。对于 TUIKit,官方文档上有以下要求:然而我们公司项目是使用 Vue2 版本的,这显然不符合要求。如果要对接,那么必然要升级项目为Vue3 版本。...
Unocss(原子化css) 使用(vue3 + vite + ts)
Unocss 原子化css
Vue中的Pinia状态管理工具 | 一篇文章教会你全部使用细节
一个Store(如Pinia)是一个实体,它会持有为绑定到你组件树的状态和业务逻辑,也就是保存了全局的状态;它有点像始终存在,并且每个人都可以读取和写入的组件;你可以在你的应用程序中定义。...
vue使用甘特图插件dhtmlx-gantt( 简单版)
甘特图 dhtmlx-gantt
Vue路由守卫(通俗易懂)
路由守卫就是:比如说,当点击商城的购物车的时候,需要判断一下是否登录,如果没有登录,就跳转到登录页面,如果登陆了,就跳转到购物车页面,相当于有一个守卫在安检
Vue路由传参三种方式
1、params传参:通过params传递参数,如果我们想获取 id 的参数值,可以通过this.$route.params.id这种方式来打印出来就可以得到了;2、路由属性配置传参:可以用this.$route.params.id来获取到 id 的值3、query传参:可以解决页面刷新参数消失问题
Element Plus的el-tree-select组件,懒加载 + 数据回显
element plus 的el-tre-select实现懒加载并回显
若依框架前端Vue项目分析实战
说明前面讲解了vue2的单点知识,下面用若依提供的vue项目,实战分析一下,拿到一个vue项目,如何进行分析并进行二次开发。一、public/index.html与main.js和App.vue三者的关系vue项目是单界面应用,所有的界面将在public下的index.html里呈现。main.js
Vue中使用element-ui 给按钮绑定一个单击事件,实现点击按钮就弹出一个dialog对话框
实现给按钮绑定一个单击事件,实现点击按钮就弹出一个dialog对话框,在对话框中可输入数据进行提交,在点击取消时对话框关闭的功能
在Vue中使用高德地图
web端使用高德地图,实现多图形绘制和清除;获取经纬度;关键词搜索定位等
<input> 实现输入框只能输入数字(个人认为最好的)
限制`input输入框`限制输入为数字
vue element-ui+springboot 的图片上传及展示
vue +springboot 图片上传
Vue3中Vuex的使用
Vuex是做什么的?Vue:状态管理工具状态管理是什么?需要在多个组件中共享的状态、且是响应式的、一个变,全都改变。例如一些全局要用的的状态信息:用户登录状态、用户名称、地理位置信息、购物车中商品、等等这时候我们就需要这么一个工具来进行全局的状态管理,Vuex就是这样的一个工具。单页面的状态管理Vi