_oTaku

::-webkit-scrollbar { /* 1 */ }::-webkit-scrollbar-button { /* 2 */ }::-webkit-scrollbar-track { /* 3 */ }::-webkit-scrollbar-track-piece { /* 4 */ }::-webkit-scrollbar-thumb { /* 5 */ }::-webkit-scrollbar-corner { /* 6 */ }::-webkit-resizer { /* 7 .

写的不好 勿喷~！！！！！！！~~~~~~~~~~~~~~~~1.首先安装 npm i css-vars-ponyfill --s 这是一个可以改变css变量颜色的插件 ！2.在项目创建一个 scss 样式文件, 项目中需要用到scss 所以安装了scss css预处理器。设置一个全局样式，效果如下 还要在vue.config.js设置一下来个loader3. 在需要更换的颜色的地方 写上自己刚刚定义好变量的主题颜色，就可以更换主题色了。4. 个人自我感觉良好的写了两种...

computed 计算属性和应用场景！！！！！ 可能现在的人都是用vue3 了 不过我还是感觉vue2x才是用的最爽的第一种是最常见的！第二种是用于某种需要进行重置数据的操作 当然你也可以用watch，一般大数据操作还是使用官方推荐watch...

![在这里插入图片](https://img-blog.csdnimg.cn/20200910155446850.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTExNDcwMQ==,size_16,color_FFFFFF,t_70#pic_center

refs组件传值根据组建的name属性进行传值，在这里插入图片描述

记录自己写的递归写法！ 查询当前存在匹配！ 用于多重数据进行匹配, 写法如下！ 仅仅记录给自己看！！！代码 如下！ 首先第一个参数是所需要的数据，第二个则是我自己定义的索引，进行匹配，第三个参数就是存放匹配到的数据！forExpresslist(data, isNums, objson) {let isNum = isNums || 0if (data) {for (let item of data) {if (item.value == this.poStageTopayTypelist[is

使用动画进行编写！代码如下 栗子Vuedata(){this.isCurrent:0}methods:{编写一个定时器autoplay(){setTimeout(()=>{if (this.isCurrent <= 数组的长度的时候) {this.isCurrent ++} else {this.isCurrent = 0}},3000)}}动画 ：@keyframes myAnim {0% {transform: translateY(18px);op

判断类型：根据类型进行变化

.env.development ：开发环境下的配置地址文件，.env.production : 线上环境下的配置文件地址，运行的时候进行 npm run dev 是默认执行开发环境下的配置文件，npm run build 是执行默认情况下的配置文件， 所以要在package.json 里面进行开发命令的设置！如果需要查看自己的当前是在哪个以下是dev环境的配置文件内容：prod 开发...

首先下载安装vue-router 进行installnpm install vue-router第二部，进行main挂在第三步， 设置router第四步， 设置路由这就完成了！！！

第一。首先下载 npm install postcss-pxtorem完成下载之后，在package.json文件中添加添加这段代码“postcss”: {“plugins”: {“autoprefixer”: {},“postcss-pxtorem”: {“rootValue”: 16, // 根元素大小1rem = 16px“propList”: ["*"]}}...

https://www.jianshu.com/p/482ce7d09b03

在配置文件中Vue.config.js 配置proxy （反向代理跨域）proxy: {// change xxx-api/login => mock/login// detail: https://cli.vuejs.org/config/#devserver-proxy '/api': { target: process.env.VUE_APP_BASE_API, ...

数据的监听！！！return 返回

NProgress实现：首先下载安装，在router.befornEach((to,from,next)=>{NProgress.start() // 使用完毕})

编写3个环境变量的方式！然后在进行处理配置 命令行的打包的一个命令在放置打包后的一个路径回去尝试！！！

Vue 搜索框获取焦点（自定义指令）

一。首先是获取数据，两种方式第一种。。。获取然后这里是使用第二种获取的方式呢！！！然后页面的使用也是直接使用this.属性使用，还有一中方是就是直接使用this.$store.state.属性，获取里面的值，关于修改也有两种方法；第一种直接使用this.$store.commit('自定义的方法”，参数)进行修改，第二种：：：在computed里...

一创建router.js文件进行用来管理显示底部导航栏的一些页面二.在对应的tabal页面上进行，那么对应的子路由就会映射到上面来打开页面进行查看就OJBBK了！！！初级文章 勿喷...

方便自己更加理解路由懒加载编写的；使用resolve的方法进行 require引入，是为了webpack打包的时候，页面加载不用全部进行加载，能真正的发挥出所需要的路由进行加载...

给自己看的Vue项目创建.js文件！ 复制就行export function browser () {// 判断网页var u = navigator.userAgentvar app = navigator.appVersionreturn { // 移动终端浏览器版本信息WeChat: u.match(/MicroMessenger/i) == ‘MicroMessenger’,...

一.使用this.$router.push({name:'跳转的页面}，query:{id=参数})，进行跳转下面举例了3种方法！进行页面的跳转另一个页面的接受参数方式！完成 仅仅是给组件加深回忆！！！...

一.先理解一下Vuex，他是把值存储到内存上去的，所以用户刷新页面了之后内存被重新定义了，所以用户的数据返回到了初始的状态本人的解决的思路，先把值从存放到sessionStroage里面，然后在通过修改store里面的数据，而且在store里面还要定义这个值必须要在seeionStorage里面进行获取，要不然刷新页面vueX的值还是没有改变！ 下面举个栗子：首先在定义存放数据的文件里面进行获...

响应拦截器注册路由router文件.router.js

一.直接进入主题吧！首先呢！先下载Vue-router 配置路由！然后在路由设置下添加meta属性，看图我这里呢！实在全局(main.js)配置了路由守卫，看图,next方法就是跳转对应的路由，to是当前的路由地址。。。写的不好！！勿喷 仅仅给自己查阅！！！！！！...

**Vue启动项目，找不到Cannot find module ‘node-sass’ 模块！！！(解决方法)。**问题点：刚开始启动项目 npm run serve 启动项目报错“Cannot find module ‘node-sass’ “，报了5个错误，搞了一上午，原来是网络的原因导致下载安装的no-model报的缺失，导致了项目的不完整，所以导致不能重启；运行命令：cnpm in...