Vue
冬疏强
这个作者很懒,什么都没留下…
展开
-
你忽略的 .editorconfig 文件
还是在看别人 github 上项目的时候,看到好多项目目录下都会有个 .editorconfig 文件,起初看里面内容有个 md 的字符,还以为就 markdown 文件的配置来,后来有一次在 Webstorm 里配置一个 tab 键占几个空格时又发现了这个配置文件,这次细细查询了一番,感觉不起眼的 .editorconfig 还是颇有用处的。一、为什么要用 .editorconfig ?在多人合作的项目中,每个人的开发习惯是不同的。以缩进来说,有的人习惯使用 space 键来进行缩进,有的人喜欢用.转载 2020-09-01 10:15:41 · 658 阅读 · 0 评论 -
vue 代理服务,解决跨域问题
1.解决跨域访问失败在项目的根目录下创建一个 vue.config.js 文件创建配置文件module.exports = { devServer: { proxy:{ '/api' : { target : "http://cdn.apc.360.cn", ws : true, pathRewrite : { '^/api' :原创 2020-08-26 18:11:26 · 328 阅读 · 0 评论 -
在vue中使用 echarts
1、下载npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install echarts -S2、引用在main.js 中进行引用import echarts from 'echarts'Vue.prototype.$echarts = echarts;3、使用html<template> <div style="width:1000px; height:700px"原创 2020-08-24 10:27:20 · 149 阅读 · 0 评论 -
Vue路由拦截(工作中100%会遇到的问题)代码演示
路由守卫在Vue中分为全局前置守卫 ,和全局后置钩子 ,相对应的说明可以查看官网。路由守卫我们一般用来拦截路由请求,对不同的路由进行不同处理。最常见的就是配合axios对用户登录进行一个权限操作。拦截规则通常在项目里,我们需要用户进行登录,才能让用户查看项目。在后台管理系统中,会根据不同的用户权限展示不同的内容。在用户访问页面之前,我们通过全局前置守卫对路由进行拦截,看看你是不是可以通过。通过的标准是否登录,如果登录就通过放行,没有通过就打回。注意在使用beforeEach 钩子函数原创 2020-07-28 13:49:48 · 1232 阅读 · 0 评论 -
在vue组件中引入公共文件,js,css,component
引入公共文件在自定义组件中引入公共的css 文件(静态资源文件尽量放在static 文件夹中)通过@import ‘…/…/static/css/index.css’<style scoped>@import '../../../static/css/loginBg.css';//自己的css 样式</style>引入js 文件A.如果js 文件没有返回值 import myjs from ‘…/…/static/test.js’B. 如果js 文件原创 2020-05-13 13:46:12 · 1808 阅读 · 0 评论 -
超级详细VUE笔记!!!!!赶紧收藏
开始使用Vue引入vue.js官网:vuejs.org开发版本:包含完整的警告和调试模式生产版本:删除了警告,体积更小引入vue.js后,给我们提供了一个构造函数 Vue在js中,new Vue()new Vue() 后会返回一个vue实例对象,我们用变量接着它const vm = new Vue()传递一个配置对象{} – > const vm = new Vue({})el类型: 字符串全称:element(元素)作用:配原创 2020-05-11 13:23:18 · 14190 阅读 · 8 评论 -
Axios 各种请求方式传递参数的格式
一.axios 的请求分类axios.request()axios.get()axios.delete()axios.head()axios.post()axios.put()axios.patch()1.axios.request(config)//原始的Axios请求方式axios({ method : "post", url : '/user', data : { firstName : 'zhu', lastName : "qiang原创 2020-05-14 09:16:59 · 2424 阅读 · 0 评论 -
Axios解决跨域访问
首先请检查下你的 Vue 版本,Vue2 和 Vue3 跨域方式不同:cmd --> vue -V2.x or 3.x一、Vue2版本这里以访问 Ve2x 的一个公告API为例,直接访问如下:this.$axios.get("https://www.v2ex.com/api/site/info.json").then(res=>{ console.log(res)}).catch(err=>{ console.log(err)})当我们运行原创 2020-07-06 12:57:48 · 2226 阅读 · 1 评论