Vue
Vue学习笔记
百事可爱-后悔下凡
空
展开
-
vue 生命周期
定义:vue 实例从创建到销毁的过程,在某个特定的位置会触发一个回调函数作用:供开发者在生命周期的特定阶段执行相关的操作。原创 2023-12-02 17:11:16 · 151 阅读 · 0 评论 -
vue项目添加eslint
td内容过长换行的解决办法1.不換行:overflow:hidden;white-space: nowrap;<table style="width:100px;height:60px;border:blue solid 1px; table-layout:fixed;"><tr><td align="center" style="overflow:hi...原创 2020-05-03 09:46:20 · 190 阅读 · 0 评论 -
eslint常用规则说明
常见的HTTP状态码: 1XX:浏览器的请求已被服务器正确接收。还需进一步操作100:客户端的请求已被服务器端正确接收。客户端可以采取继续发送或者或略此响应。 101:服务器理解了客户的请求,并且通过Upgrade消息头通知客户端采用不同协议完成这个请求。2XX: 请求被服务器端正确处理。200:请求被正确处理,并且返回了所希望的响应头和相应数据。 201:请求被实现,且一个新...转载 2021-05-11 14:04:30 · 217 阅读 · 0 评论 -
vue日常笔记
Html与XHTML区别sessionStore和localStore,用代码举例cookie和session 有什么区别,有什么关系,如果禁用cookie ,session还可以继续使用吗HTML语义化搜索引擎最关注的时HTML哪个个标签doctype 的作用,标准模式和兼容模式有什么区别...原创 2018-09-16 22:03:06 · 722 阅读 · 0 评论 -
NProgress进度条插件
NProgress是页面加载是进度条插件安装:NPM安装npm install --save nprogressYarn安装yarn add nprogress引入:直接引入:<script src='nprogress.js'></script><link rel='stylesheet' href='nprogress.css'/>使用:NProgress.start(); // 开启进度条NProgress.done(); // .原创 2021-04-29 11:14:29 · 246 阅读 · 0 评论 -
vscode的elsint配置报错“The setting is deprecated. Use editor.codeActionsOnSave instead with a source”
提示:The setting is deprecated. Use editor.codeActionsOnSave instead with a source.fixAll.eslint member.意思是:此配置已作废,使用editor.codeActionsOnSave,里面配置source.fixAll.eslint 属性把"eslint.autoFixOnSave": true 改成:"editor.codeActionsOnSave": { "source.fixAll.es.原创 2021-04-27 11:40:14 · 14064 阅读 · 1 评论 -
vscode配制setting.json遇到“Auto Fix is enabled by default. Use the single string form.”报错
在vsCode 的setting.json中设置校验规则eslint 校验规则: "eslint.validate": [ "javascript", "javascriptreact", "vue" { "language": "vue", "autoFix": true } ],以上设置出现黄色波浪线,提示‘Auto Fix is enabled by default. Use the single string form.’,意原创 2021-04-27 11:22:45 · 311 阅读 · 0 评论 -
qrcodejs生成二维码图片
vue 项目生成二维码图片:安装:npm i qrcodejs2引入和使用:html:<div id="qrcode"></div>Js:import QRCode from 'qrcodejs2' // 创建空的二维码对象let qrcode1 = new QRCode("qrcode", "")// 生成二维码qrcode1.makeCode("http://www.w3cschool.cc");// 直接调用:let qrcode2 = new QRC原创 2021-04-19 22:37:27 · 392 阅读 · 0 评论 -
vue 中 axios 跨域问题处理
vue 浏览器跨域问题报错Access to XMLHttpRequest at ‘http://app.toyshoney.com/api/orgshop/getIndustry?pageNo=1&pageSize=10&industry=1&orgId=9’ from origin ‘http://localhost:8081’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header i原创 2021-04-18 22:55:47 · 691 阅读 · 0 评论 -
vue配置:创建项目配置说明
Vue 工程创建环境依赖:安装node: https://nodejs.org/zh-cn/download/ 直接到官网下载安装安装淘宝镜像(安装依赖速度比较快):npm install -g cnpm --registry=http://registry.npm.taobao.org安装vue: npm install vue -g (使用频率高,直接全局安装)安装vue-cli: npm install -g @vue/cli (使用频率高,直接全局安装, vue -V查看cli版本)原创 2021-04-17 13:24:15 · 830 阅读 · 0 评论 -
vue create 和vue init webpack的区别
vue create 是vue-cli3.x的初始化方式vue init 是vue-cli2.x的初始化方式,可以使用github上面的一些模板来初始化项目,webpack是官方推荐的标准模板名。vue cli2升级到vue cli31.先升级npm的版本npm install -g npm2.再卸载之前的vue cli 2.9.6npm uninstall -g @vue/cli3.下载最新的vue cli版本npm install -g @vue/cli区别1.打包方式:cli2转载 2021-04-16 23:48:30 · 784 阅读 · 0 评论 -
vue配置:.editorConfig 编辑器配置说明
EditorConfig 是什么, 有什么用EditorConfig 是定义编码样式的配置文件,帮助多人合作项目或者不同编辑器下保持代码风格统一。EditorConfig 示例# http://editorconfig.org (Editorconfig 的官方网站)root = true# 匹配全部文件[*]# 设置字符集charset = utf-8# 缩进风格 可选"space"、"tab"indent_style = space# 缩进大小 可以是数字(空格数), tab(如原创 2021-04-16 23:19:39 · 939 阅读 · 0 评论 -
Vue 深度选择器/deep/报警告:/deep/ combinator is no longer supported in CSS dynamic profile.
vue开发中控制台警告:/deep/ combinator is no longer supported in CSS dynamic profile.应该是/deep/ 在将来会被移除解决方案:<style scoped lang='less>.a >>> .b { }</style>有些像 Sass 之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/ 或 ::v-deep 操作符取而代之——两者都是 >转载 2021-03-17 20:03:59 · 1035 阅读 · 0 评论