![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 56
别浪呀
这个作者很懒,什么都没留下…
展开
-
Typescript-vue3基础笔记
Typescript基础入门原创 2022-07-17 23:05:14 · 807 阅读 · 0 评论 -
vue 修改标题名字
1.直接修改在main.js中添加document.title='大屏控制';2.根据路由动态改变https://www.cnblogs.com/CinderellaStory/p/10858035.html原创 2021-02-08 15:41:02 · 542 阅读 · 1 评论 -
vue-10 vuex框架搭建
1.概述版本3.1.1;vuex是专门用来管理vue.js应用程序中状态的一个插件。他的作用是将应用中的所有状态都放在一起,集中式来管理。需要声明的是,这里所说的状态指的是vue组件中data里面的属性,可以做组件间的数据共享;2.官方文档https://vuex.vuejs.org/zh/3.目录结构Vuex 并不限制你的代码结构。但是,它规定了一些需要遵守的规则: 应用层级的状态应该集中到单个 store 对象中。 提交mutation是更改状态的唯一方法,并且这..原创 2020-11-20 23:57:12 · 305 阅读 · 0 评论 -
vue-09 过滤器filters使用
1.概述过滤器使用,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和v-bind表达式定义:对内容或数据进行过滤(二次处理)的一种方式写法:Vue.filter(“过滤器名称”,过滤方式);使用:过滤器类似于管道流种类:局部过滤器和全局过滤器1.1局部过滤器局部过滤器与全局的过滤器定义和使用方法一样。唯一的区别在于局部过滤器是定义在vue的实例中。其作用的区域也是vue实例对象内,超出即不可用script=>filters export def原创 2020-11-19 13:10:23 · 256 阅读 · 0 评论 -
vue-08 vue使用easyMock模拟数据设置
目录1.概述2.easy-mock平台2.1概述2.2使用docker搭建easymock3.通过easymock模拟数据3.1mock平台创建接口3.1.1mock相关3.1.2vue.config3.1.3main.js3.1.4App.vue4.通过本地集成mock.js模拟数据5.通过加载本地json1.概述开发阶段,为提高效率们需要提前Mock 减少代码冗余、灵活插拔 减少沟通、减少接口联调时间2.easy-mock平台2.1概述原创 2020-11-11 17:06:15 · 982 阅读 · 0 评论 -
vue-07 接口环境设置
1.概述开发线上的不同阶段,需要不同的配置,不同的跨域方式配置不同,打包的时候统一注入环境变量,输出不同版本包;1.1.JSONP跨域或者CORS跨域配置接口环境1.1.1根目录添加env.jsenv.jslet baseUrl;//node.js api process.evn.NODE_ENV获取进程穿的参数switch (process.env.NODE_ENV) { case "development": baseUrl = "http://dev.原创 2020-11-10 23:36:11 · 194 阅读 · 0 评论 -
vue-06 vue使用axios接口错误拦截
1.axios1.1官方文档http://www.axios-js.com/zh-cn/docs/1.2基本使用1.2.1get请求get请求需要添加params对象或者参数跟在请求地址后面// 为给定 ID 的 user 创建请求axios.get('/user?ID=12345') .then(function (response) { console.log(response); }) .catch(function (error) { cons原创 2020-11-10 16:55:48 · 926 阅读 · 0 评论 -
vue-05 sessionStorage封装
1.版本2.安装方法https://blog.csdn.net/adminBfl/article/details/109560588#3.%E8%84%9A%E6%89%8B%E6%9E%B6%E7%95%8C%E9%9D%A2ui3.项目目录4.router.jsimport Vue from 'vue';import Router from 'vue-router';import Home from './pages/home';import Index from '原创 2020-11-10 15:18:06 · 762 阅读 · 0 评论 -
vue-04 基本依赖介绍
目录1.axiosvue-axios2.vue-lazyload3.element-ui4.node-sass sass-load5.vue-awesome-swiper6. vue-cookie7.整合命令1.axiosvue-axios易用、简洁且高效的http库官方文档vue-axios配合axios使用更简单简化导入组件步骤npm i axios vue-axios --save-dev2.vue-lazyload懒加载npm i ...原创 2020-11-09 14:30:54 · 484 阅读 · 0 评论 -
vue -03 项目基本结构设定
1.vue目录结构2.assets通常存放静态文件3.public存放大的静态资源3.components存放页面组件4.pages存放页面5.storage存放数据5.storevuex需要用的目录6.util存放工具类目录4.App.vue跟组件通常不做处理内容如下<router-view></router-view>嵌套组件使用<template> <div id="app"&g..原创 2020-11-09 13:55:42 · 207 阅读 · 0 评论 -
vue-02 前端跨域解决方案
目录1.概述2.解决方案2.1 CORS跨域2.1.1 概述2.1.2安装axios插件2.1.3请求头的内容2.2 JSONP跨域2.2.1 概述2.2.2 前端安装JSONP插件2.3 代理跨域2.3.1概述2.3.2 创建vue.config.js2.3.3vue.config.js2.3.4效果 可以看到 请求url地址是localhost:80812.3.5配置扩展1.概述1.跨域是浏览器为了安全而做出的限制策略2.浏览.原创 2020-11-08 22:19:09 · 393 阅读 · 0 评论 -
Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目
1.概述Vue-cli是Vue的脚手架工具主要作用:目录结构、本地调试、代码部署、热加载、单元测试1.安装命令 cnpm i -g @vue/cli2.创建项目2.1创建命令 vue create 项目名称一路回车就好了2.2执行 npm run server如下2.3访问...原创 2020-11-08 16:22:17 · 868 阅读 · 0 评论