vue
tengxi_5290
这个作者很懒,什么都没留下…
展开
-
VUE3+TS+VITE的一些经验总结
主要是一些和vue2版本差异较大的方面,持续更新中。配置资源路径,在env环境变量中设置VITE_PUBLIC_PATH = './'即可。 获取环境变量中定义的全局属性,获取环境用process.env.NODE_ENV,获取其他全局属性用import.meta.env.xxx。 获取页面跳转携带的查询参数,需要在页面组件中引用vue-router中的useRoute,通过useRoute的query属性获取。 import { useRoute } from 'vue-router'for原创 2022-05-25 17:45:44 · 1237 阅读 · 0 评论 -
vue spa websockt 实现站内消息的发送和接收
几个基本的流程检查浏览器是否支持websocket,即判断'WebSocket' in window和'MozWebSocket' in window值是否为true,true就是浏览器支持websocket,这一步骤可以发生在mounted当中。 客户端与服务器建立连接。new WebSocket(url)即创建新的websocket实例,url为服务端提供,用来和服务器建立websocket连接。注意这个连接的过程中使用的协议不是http,https,而是ws协议。new WebSocket(ur原创 2020-11-13 10:16:09 · 1121 阅读 · 0 评论 -
一个vue 项目常用的cdn资源
<!-- vue --> <script src="https://unpkg.com/vue@2.5.2/dist/vue.min.js"></script> <!-- vue router --> <script src="https://unpkg.com/vue-router@3.0.1/dist/vue...原创 2020-01-10 17:00:03 · 712 阅读 · 0 评论 -
vue多图片上传组件
<template> <div class="uploader-zone"> <el-row> <!-- 开始上传的按钮 --> <el-col :span="2"> <div class="mutiple-upload">...原创 2019-12-12 13:51:24 · 321 阅读 · 0 评论 -
新手玩vue
0.演示demo参考https://github.com/tengxi5290/vueTest1.vue-cli创建vue项目http://www.jb51.net/article/112174.htmmac下根据链接的教程一步一步照做就可以了,做到最后,npm install的时候会报错,这个错是因为使用的镜像不是国内的,有些限制,这时候只需要执行npm install -g cnpm --...原创 2017-11-16 15:42:50 · 617 阅读 · 0 评论 -
vue cli 3.0 快速搭建vue项目
0.安装之npm install -g @vue/cli检测是否安装成功vue -V(大写大写的V)报了倒霉的“vue不是内部外部命令,也不是可运行的程序”这说明vue.cmd不在window系统的环境变量里面终端窗口 where vue.cmd找到这个文件所在的位置,加到环境变量中去记得加的是位置,不要欠欠的带上\vue.cmd 切记!!!!!重启终端,vue -...原创 2018-10-11 14:16:07 · 262 阅读 · 0 评论 -
vue 上传头像(单个图片)组件
一般这种上传文件相关的业务,都需要两个url,一个是用来本地预览的完全url(包含http那种),另一个是用来前后台通讯的数据url(一般只有一个文件名字,这样能避免域名和服务器更换带来的图片路径404bug),有些时候上传的文件名也需要两个,用途和url类似,因为,有时候借助七牛云等cdn的时候,上传图片到人家的服务器的时候,会根据人家的命名规则改变文件名称,不利于前台页面显示。<te...原创 2018-10-18 17:15:51 · 4172 阅读 · 0 评论 -
vue 路由跳转 打开新页面
let routes = this.$router.resolve({ path: yourPath, query: { id: contentId, type: 'update' } });window.open(routes.href, '_blank');等同于<a href="yourPath" target="_blank"></a>的效果注意!此时,...原创 2018-10-22 17:34:51 · 5901 阅读 · 0 评论