51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#vue
使用vscode + vite + vue3+ vant 搭建vue3脚手架
技术栈开发工具:VSCode代码管理:Git前端框架:Vue3构建工具:Vite路由:vue-router4x状态管理:vuex4xAJAX:axiosUI库:vant数据模拟:mockjscss预处理:sass 构建vue3项目 1,安装 vite以管理员身份打开cmd命令窗口,切换到要...
开发笔记
·
2024-09-20
使用
vscode
vite
vue3+
vant
vue参数传递方式
Vue的传参方式主要有以下几种:1.属性传值:这是一种主要用于父组件给子组件传值的方式,通过在父组件调用子组件时,绑定动态属性,然后在子组件中通过props接收父组件传过来的值。2.父组件获取子组件数据:这是子组件给父组件传值的方式,通过$refs获取子组件的数据和方法。3.路由传参:这是一种通过路由跳转的方式进行传参...
开发笔记
·
2024-09-09
vue
参数
传递
方式
vue轻松实现水印效果
前言:vue项目中使用水印效果,可指定容器效果图:1、不指定容器2、指定容器实现方法:1、新建一个配置文件watermark.js,可放util,也可放别的地方?1234567891011121314151617181920212223242526272829303132333435363738394041424344...
开发笔记
·
2024-09-02
vue
轻松
实现
水印
效果
vue2.0中的$router 和 $route的区别
1.router是VueRouter的一个对象,通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象,这个对象中是一个全局的对象,他包含了所有的路由包含了许多关键的对象和属性。2.route是一个跳转的路由对象,每一个路由都会有一个route对象,是一个局部的对象,可以获取...
开发笔记
·
2024-08-31
vue2.0
中的
router
route
区别
vue-elementUI去掉input上下箭头
一、问题描述vue中使用elementUI,在使用input输入框,设置type为number数字类型是,会出现如下上下箭头问题;如下所示:二、问题解决出现这个问题,只需要重置下elementUI的input样式即可解决,如下:/*element样式重置start*//*去掉input尾部上下小箭头start*/inp...
开发笔记
·
2024-08-15
vue-elementUI
去掉
input
上下
箭头
vue2与vue3的区别
1.双向绑定原理不同Vue2使用的是Object.defineProperty,而Vue3使用的是ProxyVue2组件中所有data里面定义的数据默认都被重置为响应式数据Vue3则新增了ref/reactive可以自定义变量的响应式类型,区分了常量跟响应式变量的区别2.API设计类型不同 Vue2使用的是选...
开发笔记
·
2024-07-01
vue2
vue3
区别
linux服务器自动部署vue脚本
#!/bin/bash#定义项目路径和部署目录project_path='/www/vue-project'build_path='/www/build'#进入项目目录进行代码更新cd$project_pathgitfetchoriginmasternew_changes=$(gitrev-listHEAD...ori...
开发笔记
·
2024-06-20
linux
服务器
自动
部署
vue
Vue3中的readonly怎么使用
在Vue3中,可以通过readonly函数将一个对象转化为只读的,使其属性成为只读的,无法被修改。使用方法如下:import{readonly}from'vue';constmyObject={name:'Alice',age:25};constreadonlyObject=readonly(myObject);//尝...
开发笔记
·
2024-03-10
Vue3
中的
readonly
怎么
使用
vue中params与query的区别是什么
类似于post请求,传递的数据不会在浏览器地址显示params路由传参分为三步:(1)绑定参数{path:'/mypath/:web?',name:'mypath',component:()=>import('../views/mypath'),meta:{title:"dvy.com.cn"}}//web后的?...
开发笔记
·
2024-02-21
vue
params
query
区别
是什么
vue合并两个json对象
js合并json对象可以使用jquery中的$.extend将2的值合并到1,同key时默认2将会覆盖1的值//Mergeobject2intoobject1$.extend(object1,object2);但此种方法并不适用vue可使用concat()进行数组对象合并,但依旧不能对对象进行合并vararr3=arr...
开发笔记
·
2023-08-23
vue
合并
两个
json
对象
vue环境变量配置——process.env
在用vue框架时,经常用到两种环境,一种是开发环境,就是本地开发时的环境,一种是生产环境,就是要发布到线上的环境。平时开发是用生产环境的,如果发布到线上时,需要切换环境为线上。如果人为去切换也是可以的,但是会容易忘记,可以通过配置不同的运行命令来自动切换环境。下面开始:配置环境的实现原理实现原理就是采用node.js顶...
开发笔记
·
2023-05-06
vue
环境
变量
配置
process.env
vue中v-model和v-bind区别
绑定数据三种方式: >> 插值,也就是{{name}}的形式,以文本的形式和实例data中对应的属性进行绑定 >>v-bind: 可以传给 v-bind:class 一个对象,简写为class: 单向变动:当加上v-bind:之...
开发笔记
·
2023-03-31
vue
v-model
v-bind
区别
vue组件通信 vue bus方面的总结
vuebus通常使用在兄弟与兄弟组件之间然后在组件中,可以使用emit on, $off分别来分发,监听,取消监听事件 这里的$off可以取消多次使用$bus监听的事件使用用法1:引入vueimportVuefrom'vue'2:在main.js中引入vuebusimportBusfrom...
开发笔记
·
2023-03-23
vue
组件
通信
bus
方面的
vue.js 打包时出现空白页和路径错误
vue-cli输入命令:npm run build即可打包vue.js的项目 打包出来后项目中就会多了一个文件夹dist,下图为我们打包过后的项目 我们直接运行打包后的文件夹中的index.html文件,会看到网页一片空白,f12调试,全是css,js路径引用错误的问题。解决:到...
开发笔记
·
2023-03-14
vue.js
打包
出现
白页
路径
vue 生产环境build打包出现空白页面的解决方法
vue生产环境build打包出现空白页面的解决方法:如果出现:webpackjsonpisnotdefined因为公共文件必须在引用js之前引用。只需要在build文件下webpack-prod-conf.js找到htmlwebpackPlugin添加chunks:['manifest','ve...
开发笔记
·
2023-03-14
vue
生产
环境
build
打包
首页
上一页
1
2
3
4
5
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他