- 博客(8)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue开发之代码规范eslint
ESLint 不管是多人合作还是个人项目，代码规范都是很重要的。这样做不仅可以很大程度地避免基本语法错误，也保证了代码的可读性。准备工作一、VSCode ESLint插件ESLint插件用于根据工程目录的.eslintrc.js配置文件在编辑器中显示一些错误提示。ESLint插件安装二、基于vue-cli创建项目具体步骤如下： 创建项目 创...
2020-05-08 17:26:26
1879
原创 vue开发之vue-cli2与vue-cli3的对比
项目目录结构 可以明显的看出来，vue-cli2.0与3.0在目录结构方面有明显的不同： 1. vue-cli3移除了配置文件目录：config 和 build 文件夹，增加了vue.config.js文件 2. vue-cli3移除了 static 静态文件夹 3. vue-cli3新增了 public 文件夹 4. vue-cli3将index.html 移动到 publ...
2020-05-07 17:25:52
1169
原创 vue开发之keep-alive
#概念  keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。#作用  在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载...
2020-05-07 13:56:33
218
原创 Vue开发之vue-router的基本使用
一、安装1、如果你用vue-cli脚手架来搭建项目，配置过程会选择是否用到路由，如果选择Yes，后面下载依赖会自动下载vue-router。Install vue-router? Yes2、NPMnpm install vue-router二、将组件 (components) 映射到路由 (routes)并渲染步骤一使用vue-cli搭建项目，项目结构中会有一个src文件目录，...
2020-05-02 16:29:24
338
原创 vue开发之解决跨域问题
在vue开发的过程中，跨域问题是最常见的一个问题，小编给大家提供了几种解决方案，希望对大家有所帮助。主要的解决方法如下：一、后台更改headerheader('Access-Control-Allow-Origin:*');//允许所有来源访问 header('Access-Control-Allow-Method:POST,GET');//允许访问的方式二、使用http-pr...
2019-12-15 16:07:09
137
原创 vue开发之图片加载不出来问题解决
在使用vue开发项目的时候，经常会遇到的一个问题就是：图片加载不出来。下面是我总结的几种图片加载不出来的情况及解决办法。一、项目打包完成后，打开整体空白1、路径问题 原因 在vue+webpack的项目中，项目打包之后的css和js的引用路径是绝对路径，项目部署之后会将静态当成根目录，就造成了文件引用路径的错误。 解决办法 通过修改配置文件，将绝对路径改为相对路径。...
2019-12-15 15:29:48
10210
原创 vue开发之数据存储sessionStorage、localStorage
一、sessionStorage定义及使用1.定义sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。2.使用sessionStorage的写入 1. sessionStorage.lastname = 'lastname' // 点(.)运算符2. sessionStorage['lastname'] =...
2019-11-28 20:18:43
766
原创 vue开发之不同浏览器的类型判断
一、通过navigator.userAgent来进行浏览器类型判断 定义和用法 userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。一般来讲，它是在 navigator.appCodeName 的值之后加上斜线和 navigator.appVersion 的值构成的。例如：Mozilla/4...
2019-11-28 19:10:43
2584
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人