vue 学习
文章平均质量分 51
vue 学习的一些 记录
繁夜
这个作者很懒,什么都没留下…
展开
-
vue 学习之 image src 的动态绑定
对于资源类参数的绑定,一定要require 进来,不能直接路径导入 问题:img的src属性填写的图片地址,可以正常渲染,但是一旦利用绑定:src属性的时候,图片就加载失败了 需求:鼠标移入切换图片 上一位前端小哥哥,没做这个交互,我接手后加上去,很简答的交互,原创 2021-08-20 10:07:10 · 3278 阅读 · 0 评论 -
vue 学习之 vuecli 打包时将小图片转换为base64
vue-cli3.0发现打包的时候,一些小于10k的图片没有转base64,需要自己新建一个vue.config.js的文件(在根目录),然后进行如下配置,就可以控制图片转义规则module.exports = { chainWebpack: config => { config.module .rule('images') .use('url-loader') .loader('url-loader') .tap(options =>转载 2021-03-23 09:18:46 · 3046 阅读 · 0 评论 -
vue 学习之 camelcase 配置
源链接有时候写vue会遇到如下错误,error Identifier ‘x_label’ is not in camel case这是因为ESLint代码规范检测的要求,必须要求用骆驼式变量名,当我们写成下划线形式就出现error解决办法:1)对一个文件如果是JS文件,在开头加上这样一行代码来取消对骆驼式变量名的检测:/* eslint-disable camelcase */如果是TS文件:/* eslint-disable @typescript-eslint/camelcase */转载 2021-03-20 09:08:49 · 1483 阅读 · 0 评论 -
vue 学习值 electron+ts 学习之路
electron 7 typescript @types/node v13 问题错误信息node_modules/electron/electron.d.ts:7145:33 - error TS2689: Cannot extend an interface ‘NodeJS.EventEmitter’. Did you mean ‘implements’?原因当前electron 7 不支持@types/node 13 版本的解决方法yarn add @types/node@12.12.6.原创 2020-07-30 15:51:38 · 996 阅读 · 0 评论 -
vue 学习之 网站部署
以下都是在history模式下 部署根目录部署vue配置默认情况下 vue 便是以根目录为部署点,所以代码部分不用进行修改,直接npm run build后端配置官方文档ngnixlocation / { try_files $uri $uri/ /index.html;}非根目录部署vue配置在vue.config.js 中修改 publicPath publicPath: process.env.NODE_ENV === 'production' ? '/audio/原创 2020-07-17 21:28:35 · 421 阅读 · 0 评论 -
Vue 学习之 Electron-vue 小意外
安装vue create projectName//安装electron 及vue 支持组件vue add electron-builder页面中打印 process.title=“browser”最开始在 “vue-cli-plugin-electron-builder”: “^1.4.4” 时,可以在页面中使用tcp 等链接,但是当升级到 “^2.2.0”时,页面中就用不了了,查看源码发现,大多数组件在使用底层代码时,都会查询当前的process.title 是否为"browser".原创 2020-07-06 11:57:34 · 3405 阅读 · 1 评论 -
Vue 学习之 Electron 使用github 自动更新
1.安装electron-updater使用yarnyarn add electron-updater或者使用 npmnpm install electron-updater2.使能 发布到Github 功能添加 publish: [‘github’] 到你在vue.config.js 中 Electron Builder 的配置module.exports = { pluginOptions: { electronBuilder: { builderOpt原创 2020-07-04 12:51:48 · 1464 阅读 · 3 评论 -
Vue 学习之一步一坑
1.在组件的data中的post已经声明成为prop(要从父组件中接收的数据),会使用prop默认值来代替,如果在data中也声明了一个数据,那么就会报错–解决方法,删掉data 中key的值vue.js:634 [Vue warn]: The data property "post" is already declared as a prop. Use prop default value ...原创 2019-11-29 10:59:25 · 3909 阅读 · 0 评论 -
Vue 学习之 安装electron,serialport,sqlite3
写在最前面 我的node 版本一.Electron 基础环境搭建1.安装 vue,vue-clivue 安装npm install vue -gvue-cli 安装npm install -g @vue/cli# ORyarn global add @vue/cli2.安装electron-vue 并新建工程安装 electronnpm install electron...原创 2020-03-04 17:24:19 · 1503 阅读 · 0 评论