随笔分类 -  Vue

vue-cli3中热更新失效，修改完代码之后需要手动刷新页面才能看到改变，解决办法
摘要：在vue-cli3项目中，不知道怎么回事突然项目就不能热更新了，在本地修改完代码之后页面没有自动刷新，所以每次更改都需要手动进行刷新页面，比较耗时麻烦，之前是可以的，所以查找了下原因及解决办法。 原因暂未知。 页面效果： 1.项目无法实现热更新，在代码更改后页面未自动刷新； socket.js报错， 阅读全文
posted @ 2021-04-21 18:55 苏小落 阅读(8704) 评论(0) 推荐(0)
Vue重点知识
摘要：Vue重点： 组件化思想； v-model双向绑定原理； 响应式原理； 虚拟DOM及key值作用； 组件生命周期； 路由：vue-router； https://www.cnblogs.com/5201314m/p/14283738.html 数据请求：axios； 状态管理：vuex； 组件间通信 阅读全文
posted @ 2021-02-26 14:17 苏小落 阅读(113) 评论(0) 推荐(0)
vue-router路由
摘要：vue-router主要用来控制页面在不刷新的情况下，可以通过切换路由来更改不同页面，即单页应用。 包括以下几方面重点： 1.router-link： <router-link :to="about"></router-link> to指向跳转地址，会生成一个a标签，右键可以出现‘新窗口中打开’选项 阅读全文
posted @ 2021-01-15 18:51 苏小落 阅读(167) 评论(0) 推荐(0)
vue的组件通信，六种方式
摘要：vue是组件化的框架，也就是说有一个根组件，然后由根组件可以衍生出很多子组件，共同组成一个页面。此时就涉及到了组件间的通信，主要是数据的通信及方法的传递。 组件间通信有以下6种方式： 1.props/$emit; 最常用的组件通信方式，用于父子组件 2.$parent、$root/$children 阅读全文
posted @ 2020-11-03 20:12 苏小落 阅读(1382) 评论(0) 推荐(0)
封装axios，新建api.js文件，使用async/await调用
摘要：在项目中使用axios请求接口时，可以直接使用this.$axios来做， 也可以通过封装axios的get、post、请求拦截等方法，然后可以将接口都写在一个api.js文件中，在vue文件里导入在api里需要用到的接口，然后使用async/await来调用方法，获取数据。 实现代码： 1.mai 阅读全文
posted @ 2020-08-01 13:50 苏小落 阅读(1398) 评论(0) 推荐(0)
vue-cli3中配置axios及使用
摘要：创建了vue-cli3脚手架项目之后，需要自己新建一个vue.config.js文件，然后配置axios，就可以请求接口获取数据了。 实现代码： 1.vue.config.js：设置反向代理，解决跨域 proxy: { '/api': { target: '请求地址', secure: false, 阅读全文
posted @ 2020-07-31 18:52 苏小落 阅读(9321) 评论(2) 推荐(0)
vuex和localstorage结合使用，实现组件内通信，刷新数据不丢失。
摘要：vuex：专为vue开发的一个状态管理模式，相当于保存数据的一个大仓库，可以在任何地方对数据进行改变，其他组件中使用该数据时可以实时更新。 localstorage：浏览器缓存，将数据保存在本地，除非被清除，否则永久保存。 两者区别： 1.vuex中的数据是保存在内存，所以刷新页面相当于是清除内存， 阅读全文
posted @ 2020-03-25 15:10 苏小落 阅读(4145) 评论(0) 推荐(1)
vue的v-model指令
摘要：v-model指令用来绑定表单，数据传值。 如上，当在信息1输入框（表单）中输入值时，数据会对应变化；在信息2输入框中输入值时，数据并未变化。 由于在信息2的input输入框中，v-model指令中使用了this.message，导入无法将表单与data中的数据进行绑定。 结论： 使用v-model 阅读全文
posted @ 2019-04-05 21:02 苏小落 阅读(360) 评论(1) 推荐(0)