随笔分类 - Vue
摘要：1.使用场景在，有数据时间或者数据是不适宜展示的内容，就可以使用过滤器来去修改展示的数据而不去改变原有的数据去过滤。 属性filters就是一个vue用于定义方法过滤器（替换相当于replace()原理实现） //自定义过滤器 {{p.st | dateFormat('MM月DD日 hh时')}}
阅读全文
摘要：1.下载less@4版本，less-loader@7解释器 cnpm i -S less@4 less-loader@7 组件集成样式集成： 样式预处理器：css -> sass -> less -> stylus -> postcss -> sss UI设计语言：https://ant.desig
阅读全文
摘要：作为一个前端开发工程师，在后端还没有ready的时候，不可避免的要使用mock的数据。很多时候，我们并不想使用简单的静态数据，而是希望自己起一个本地的mock-server来完全模拟请求以及请求回来的过程。 json-server就是一个很好的可以替代工作的工具 1.json-server是一个包插
阅读全文
摘要：1.安装项目名命令：vue create app 修改下package.json文件的script来启动服务文件start
阅读全文
摘要：一、框架搭建 --数据请求以及代理 发起请求方法使用axios v0.26.0版本插件库来解决api接口调用 因为这个请求库是使用了Promise实现的一个XHR封装、它可以实现请求和响应（403）拦截,同时可以实现通用配置 1.安装 cnpm i -S axios vue脚手架的webpack配置
阅读全文
摘要：一、为什么使用axios？(响应拦截，请求，异步封装配置) 它是基于xhr的请求封装的引进优化的一个请求库， 这个库是使用Promise实现的一个XHR封装、它可以实现请求和响应拦截，同时可以实现通用的配置（封装axios请求） //在apis文件夹写建立封装的Ajax文件 //引入axios im
阅读全文
摘要：一、概念 状态数据管理器是用于管理全局状态数据、实现数据流控制、实现数据跨组件传递的一个数据管理库 它是使用闭包来实现避免全局数据污染，使用单向数据流来实现数据流控制。 1.安装：cnpm i -S vuex@3 2.它是一个全局唯一数据单向流的一个状态数据管理JS对象 状态数据：就是指页面虚拟do
阅读全文
摘要：1.框架搭建 --组件集成、样式集成 使用版本： less v4.1.2 less-loader v7.3.0（less-loader使用7版本编译less4版本） 样式预处理器：css -> sass -> less -> stylus -> postcss ->sss less样式 安装解析、编
阅读全文
摘要：一、路由：它是监听url地址变化，来实现页面组件动态切换的一个vue插件库 二、安装版本：cnpm i -S vue-router@3 三、注入首页文件index或者main.js文件:Vue.use(Router) 注册了全局路由组件可以使用：router-view(视图页面展示)、router-
阅读全文
摘要：1.路由是通过url地址改变的监听来实现路由组件动态切换 来实现的url地址和页面组件的更新 //监听window对象事件能拿到地址的信息，可以拿到登录页面的token信息 window.addEventListener('hashchange',function(){ console.log('
阅读全文
摘要：一.项目基本业务知识： 项目开发实际过程中，需要几个文档： 需求文档--描述需求的所有的技术和数据，业务流程；设计原则，开发后端样子UI交互图； UI图 --UI设计原图导出html页面、蓝湖系统、PNG图片 有了这些就可以开始做页面还原； 还需要接口文档：才能进行数据模拟 --word、swagg
阅读全文
摘要：在使用VScode时可以安装以下这些插件：Vetur（virtual dom）、vue、Vue 3 Snippets，辅助代码编写 1.脚手架是可以实现快速搭建开发平台的一个命令； 包含着框架集成、实现代码编译、实现开发服务器的功能 vue脚手架（名字：vue-cli、@vue/cli@4--常用该
阅读全文
摘要：1.在页面引入vue.js文件库地址Vue和React：不允许直接操作dom节点，所有的dom节点都为：虚拟dom<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.14/vue.min.js"></script>一般下载到本地修改为vue.
阅读全文
