vue
文章平均质量分 56
别浪呀
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Typescript-vue3基础笔记
Typescript基础入门原创 2022-07-17 23:05:14 · 1056 阅读 · 0 评论 -
vue 修改标题名字
1.直接修改 在main.js中添加 document.title='大屏控制'; 2.根据路由动态改变 https://www.cnblogs.com/CinderellaStory/p/10858035.html原创 2021-02-08 15:41:02 · 642 阅读 · 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 · 404 阅读 · 0 评论 -
vue-09 过滤器filters使用
1.概述 过滤器使用,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和v-bind表达式 定义:对内容或数据进行过滤(二次处理)的一种方式 写法:Vue.filter(“过滤器名称”,过滤方式); 使用:过滤器类似于管道流 种类:局部过滤器和全局过滤器 1.1局部过滤器 局部过滤器与全局的过滤器定义和使用方法一样。唯一的区别在于局部过滤器是定义在vue的实例中。其作用的区域也是vue实例对象内,超出即不可用 script=>filters export def原创 2020-11-19 13:10:23 · 317 阅读 · 0 评论 -
vue-08 vue使用easyMock模拟数据设置
目录 1.概述 2.easy-mock平台 2.1概述 2.2使用docker搭建easymock 3.通过easymock模拟数据 3.1mock平台创建接口 3.1.1mock相关 3.1.2vue.config 3.1.3main.js 3.1.4App.vue 4.通过本地集成mock.js模拟数据 5.通过加载本地json 1.概述 开发阶段,为提高效率们需要提前Mock 减少代码冗余、灵活插拔 减少沟通、减少接口联调时间 2.easy-mock平台 2.1概述原创 2020-11-11 17:06:15 · 1148 阅读 · 0 评论 -
vue-07 接口环境设置
1.概述 开发线上的不同阶段,需要不同的配置,不同的跨域方式配置不同,打包的时候统一注入环境变量,输出不同版本包; 1.1.JSONP跨域或者CORS跨域配置接口环境 1.1.1根目录添加env.js env.js let baseUrl; //node.js api process.evn.NODE_ENV获取进程穿的参数 switch (process.env.NODE_ENV) { case "development": baseUrl = "http://dev.原创 2020-11-10 23:36:11 · 268 阅读 · 0 评论 -
vue-06 vue使用axios接口错误拦截
1.axios 1.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 · 1022 阅读 · 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%A2ui 3.项目目录 4.router.js import Vue from 'vue'; import Router from 'vue-router'; import Home from './pages/home'; import Index from '原创 2020-11-10 15:18:06 · 925 阅读 · 0 评论 -
vue-04 基本依赖介绍
目录 1.axiosvue-axios 2.vue-lazyload 3.element-ui 4.node-sass sass-load 5.vue-awesome-swiper 6. vue-cookie 7.整合命令 1.axiosvue-axios 易用、简洁且高效的http库官方文档vue-axios配合axios使用更简单简化导入组件步骤 npm i axios vue-axios --save-dev 2.vue-lazyload 懒加载 npm i ...原创 2020-11-09 14:30:54 · 569 阅读 · 0 评论 -
vue -03 项目基本结构设定
1.vue目录结构 2.assets 通常存放静态文件 3.public 存放大的静态资源 3.components 存放页面组件 4.pages 存放页面 5.storage 存放数据 5.store vuex需要用的目录 6.util 存放工具类目录 4.App.vue 跟组件通常不做处理内容如下<router-view></router-view>嵌套组件使用 <template> <div id="app"&g..原创 2020-11-09 13:55:42 · 303 阅读 · 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.js 2.3.3vue.config.js 2.3.4效果 可以看到 请求url地址是localhost:8081 2.3.5配置扩展 1.概述 1.跨域是浏览器为了安全而做出的限制策略 2.浏览.原创 2020-11-08 22:19:09 · 510 阅读 · 0 评论 -
Vue-01 VueCli4.5.8安装 并且启动一个vue脚手架项目
1.概述 Vue-cli是Vue的脚手架工具 主要作用:目录结构、本地调试、代码部署、热加载、单元测试 1.安装命令 cnpm i -g @vue/cli 2.创建项目 2.1创建命令 vue create 项目名称 一路回车就好了 2.2执行 npm run server 如下 2.3访问 ...原创 2020-11-08 16:22:17 · 977 阅读 · 0 评论
分享