![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue开发日记
文章平均质量分 80
小牲口online
。
展开
-
开源一个Vue电商项目,欢迎交流
文章目录1. 项目基础架构1.1 项目基础架构1.2 主要插件1.3 路由封装1.4 sessionstorage的封装1.5 接口错误拦截1.6 接口环境的设置1.7 MOCK设置2.首页功能开发3.登录功能开发4.产品站功能开发5.商品详情页面6.购物车页面7.ElementUI集成8.订单确认功能9.订单支付功能10.订单列表功能实现11.源码地址1. 项目基础架构项目使用到的技术栈:Vue全家桶,后台接口线上调联,Sass预编译,ElementUI,前端优化,微信支付宝支付…1.1 项原创 2021-04-30 17:26:48 · 3493 阅读 · 24 评论 -
关于vue在面试或开发中需要留意的地方
前段时间学习了Vue框架,因此在我学习过程中整理了一些关于Vue的一些需要注意的地方,在后面根据所开发的项目,我可能会持续更新这篇基于Vue的博客,欢迎交流文章目录1.Vue中的mvvm2. methods和computed3. v-on的参数传递问题与常用的修饰符3.1 参数传递问题3.2 常用修饰符5.v-if和v-show的区别6.v-for时绑定key与不绑定key的区别7. Vue中数组方法中哪些是响应式的8. v-model双向绑定使用8.1 用于表单时9. 为什么组件中data必须是一个.原创 2021-04-19 19:17:51 · 1086 阅读 · 5 评论 -
vue-cli4.x配置Proxy代理解决跨域
我们在之前说了前端常见的跨域方式,其中说了proxy代理解决此问题 它的思想思想实际上是通过访问a接口代理b接口的请求,因此我们最终访问的是b接口。使用这种方式的好处是我们可以使用任何方式请求数据都可以。并且前后端都不需要做处理,只需要运维改一些配置信息。 我们这里vue项目使用的是nodejs服务器,因此我们要在vue.config.js中配置,最终传入webpack模块在给node服务器。 下面是我们的vue.confg.js的信息:module.exports={ devS.原创 2021-04-14 16:06:55 · 1935 阅读 · 1 评论 -
Vuex的五个核心概念
文章目录五个核心概念1. state2. Getters的使用3 Mutations3.1 基本使用3.2 响应规则3.3 常量类型3.4 同步函数4. Action4.1 使用Promise5 Moudle6 项目结构五个核心概念const store=new Vuex.Store({ state:{}, mutations:{}, actions:{}, getters:{}, modules:{}}) 以上为五个核心概念的内容,接下来我们一一介绍: 首先贴出一张图以原创 2021-04-11 10:54:37 · 530 阅读 · 0 评论 -
什么是Vuex?应用场景?
文章目录1. 作用以及使用场景1.1 Vuex的功能1.2 Vuex的使用场景1.3 Vuex多页面状态管理工作流程2. 基本使用1. 作用以及使用场景1.1 Vuex的功能Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 这是官网给我们的定义,那么什么是状态管理模式?什么是集中式存储管理?。 实际上就是我们多个组件可以共享一些数据。那么这时我们有些疑问,那这个功能我们也可以自己实现啊,只需要把我们需要的共享数据抽离为一个对象,挂载在Vue的原型上,这样我们所有的vue实例原创 2021-04-11 10:50:07 · 783 阅读 · 0 评论 -
SPA必备技能——vue-router详情
文章目录1.路由是什么1.1 后端路由1.2 前端路由2. vue-router基本使用2.1 搭建路由的框架:2.2 配置路由的映射关系2.3 设置默认路由2.4 改变前端路由模式2.6 使用代码跳转路由2.7 动态路由2.8 路由懒加载3. vue-router嵌套路由4. vue-router参数传递4.1 参数传递的两种方式5. vue-router导航守卫6. 使用keep-alive缓存路由界面1.路由是什么 首先我们需要搞清楚路由是什么东西摘自维基百科:通过互联的网络把信息从源地址传原创 2021-04-08 21:04:18 · 417 阅读 · 0 评论 -
vue-router优化之懒加载
关于路由的懒加载,官方给我们的解释为:当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。其实就是说我们的每一个路由对应的就是一个给用户展示的页面,然而按照常规的操作这些页面最终会通过webpack打包为一个bundle.js的文件,因此就造成了这个页面十分的庞大,所在在请求的时候可能会花费一定的时间,给用户造成不好的体验。因此我们可以通过路由懒加载的方式来解决这个问题。也就是原创 2021-04-07 20:15:49 · 293 阅读 · 0 评论 -
Vue-组件化开发
文章目录1. vue组件化思想2. 组件化基本使用详情2.1 注册组件的基本步骤2.2 全局组件与局部组件2.3 父组件与子组件2.4 组件的分离写法3. 组件化的数据存放data3.1 组件数据的存放3.2 为什么组件中必须是一个函数data4. 父子组件通信4.1 父传子4.2 子传父5.插槽5.1 普通使用5.2 具名插槽的使用5.3 作用域插槽1. vue组件化思想组件化提供了一种抽象,让我们可以开发一个个独立的可复用的小组件来构建我们的应用。任何的应用都会被抽象成一颗组件树。组件原创 2021-04-01 20:53:39 · 1374 阅读 · 2 评论 -
Vue父子组件之间实现的复杂双向绑定
父子组件之间实现的复杂双向绑定一个需求:现在在组件中有两个input,其中需要实现input的双向绑定(且改变父组件的data值),且输出时第二个input的值时第二个值的100倍。用到的技术点:父子组件通信,表单的双向绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE原创 2021-04-01 17:32:31 · 333 阅读 · 2 评论