随笔分类 - Vue由浅到深
hbuilder和VScode开发
摘要：// 封装操作localStorage本地储存的方法 模块化的文件 //nodejs 基础 var storage={ set(key,value){ localStorage.setItem(key,JSON.stringify(value)); }, get(key){ return JSON.
阅读全文
摘要：一： 只需要在main.js中写这三行代码即可 import axios from 'axios' axios.defaults.withCredentials=true;//让ajax携带cookie Vue.prototype.$axios = axios; 如果cookie携带不过去的话，请求
阅读全文
摘要：一个按钮绑定一个方法，方法是跳转到某个路由地址，当已经点击触发方法到该路由下的时候，再进行点击该按钮控制台就会报错，不会影响项目运行 解决方法： if(this.$route.path == '/bindingmodifica/newpassword'){ return '' }else{ this
阅读全文
摘要：完整url可以用 window.location.href路由路径可以用 this.$route.path路由路径参数 this.$route.params 例如：/user/:id → /user/2044011030 → this.$route.params.id路由查询参数 this.$rou
阅读全文
摘要：注：当在a.vue组件上触发点击事件时，就会触发bus上监听的事件，而bus事件监听在b.vue里面，这个时候就会触发b.vue 上的事件监听，而通过回调函数，就可以拿到a.vue组件传过来的数据，从而实现兄弟组件通信。 ###~~bus.js import Vue from "vue" expor
阅读全文
摘要：在一个组件中引入很多其他组件的时候会显得代码很臃肿，这个时候可以用es6的解构赋值的方法 在components中写入一个index.js文件 在该js文件中导出你想要引入的组件 再接着就可以在该组件中用解构赋值的方式来引入了（默认进入index.js文件） 别忘了注册 接着就可以进行使用了
阅读全文
摘要：Vue怎么设置左上角icon图标呢？步骤如下： 来源：https://blog.csdn.net/brain_bo/article/details/80645971 （1）、提前把icon图标copy到static目录下 （2）、在index.html页面添加 <link rel ="shortcu
阅读全文
摘要：最近学习vue过程中，发现路径当中总是存在一个#号，比如这个： 这种情况是因为在入口js文件中，如果你不更改设置的话，vue会默认使用hash模式，该模式下回将路径格式化为 # 开头。 如果需要美化路径，可以更改模式为 history ： 除了前端设置之后，后台也需要相应的配置，这是官网： vue-
阅读全文
摘要：原文链接：github.com 一个项目学会vue全家桶+axios实现登录、拦截、登出功能，以及利用axios的http拦截器拦截请求和响应。 前言 该项目是利用了Github 提供的personal token作为登录token，通过token访问你的Repository List。通过这个项目
阅读全文
摘要：一、axios的封装 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-r
阅读全文
摘要：静态路由是不可以传递参数的。需要传递参数得用到动态路由 那么如何将参数作为路由呢？ 这样定义之后，vue-router就会匹配所有的：/books/1,/books/2,/books/3 ……，所以说这样定义的路由的数量是不确定的。 在<router-link> 我们加入一个 params 属性来指
阅读全文
摘要：vue路由跳转有四种方式 1. router-link 2. this.$router.push() (函数里面调用) 3. this.$router.replace() (用法同push) 4. this.$router.go(n) 一、不带参 1.1 router-link <router-li
阅读全文
摘要：在看官网和学习的过程中，有些不明确子组件和父组件的定义，为了方便后期学习和理解去网站上搜索了一下相关的解释 1.使用的地方是父组件，定义的地方是子组件，虽然他们是同一个组件 2.Vue.component()是制作子组件,<child></child>是制作好了，在父组件环境里面用 父组件不用动，子
阅读全文
摘要：怕侵权放上链接： https://segmentfault.com/a/1190000012393587?utm_source=tag-newest
阅读全文
摘要：vue-cookie 一.模块的安装 二.配置main.js 三.使用 概述: 创建:this.$配置时候设置的名称.set('cookies的key',value,时间最小单位为天且一定要为整数) 获取指定的key:this.$配置时候设置的名称.get('cookies的key`) 删除:thi
阅读全文
摘要：一.methods methods属性里面的方法会在数据发生变化的时候你，只要引用了此里面分方法，方法就会自动执行。这个属性没有依赖缓存 二.computed 计算属性该属性里面的方法必须要有return返回值，这个返回值就是（value值）。 有几个关键点 1) 计算后属性不需要在data中重复定
阅读全文
摘要：链接：https://blog.csdn.net/Sunshine0508/article/details/90067437 //等配置安装好了以后 在main.js里引入echarts主题的js，一般在 node_modules echarts theme macarons.js。 theme里边
阅读全文
摘要：本帖子来源：小贤笔记 功能 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。所有的
阅读全文
