紧急更新第二弹，然后就剩下最后一弹，也就是整个前台的项目一.购物车1.加入购物车（新知识点）加入到购物车是需要接口操作的，因为我们需要将用户的加入到购物车的保存到服务器数据库，你的账号后面才会在你自己的购物车看到，所以这里要先写接口然后vuex三部曲，返回来的数据没有data，就是告诉你成功了，存近数据库了所以确实也不需要什么data，所以这里vuex三部曲，只需要到actions这一步就可以了成功与失败的判定：之前在actions里面的操作都是async加await的操作，他们的原理是这样的，是必须配合一起使用，但是各负责各的事，async是负责这个函数的返回值只一个promise对象，而a
学完vue2还是决定先做一个比较经典，也比较大的项目来练练手好一点，vue3的知识不用那么着急，先把vue2用熟练了，vue3随时都能学。这个项目确实很经典包含了登录注册、购物车电商网站该有的都有，后面还会结合elementUI构件后台管理界面。拭目以待！一.初始化脚手架环境vuecreate创建vue的脚手架环境里面什么是什么配置文件这些就不同多说了，前面已经说过了，来说一下没有说过的一些配置。当我们npmrunserve跑项目的时候自动打开浏览器，对package.json启动serve的命令加一个open参数关闭eslint校验功能src文件简写，配置他的别名，因为后面可能经常会引入这个
学完vue2还是决定先做一个比较经典，也比较大的项目来练练手好一点，vue3的知识不用那么着急，先把vue2用熟练了，vue3随时都能学。这个项目确实很经典包含了登录注册、购物车电商网站该有的都有，后面还会结合elementUI构件后台管理界面。拭目以待！一.初始化脚手架环境vuecreate创建vue的脚手架环境里面什么是什么配置文件这些就不同多说了，前面已经说过了，来说一下没有说过的一些配置。当我们npmrunserve跑项目的时候自动打开浏览器，对package.json启动serve的命令加一个open参数关闭eslint校验功能src文件简写，配置他的别名，因为后面可能经常会引入这个
现在正式回归，开始好好做项目了，正好这一个项目也开始慢慢的开始起色了，前面的准备工作都做的差不多了。而且我现在也开始慢慢了解到了一些项目才开始需要的一些什么东西了，vuex、router这些都是必备的，后期一定要练得非常熟练才行。一.重写push/replace方法有一个编程式导航的bug，当我们重复点击编程时导航的跳转，同时传的都是相同的参数，这个时候就会报错,报NavigationDuplicated，这是一个底层错误，归根结底是因为vue在2的版本将编程式导航跳转的添加了一个promise，我们都知道promise是需要一个成功回调和失败回调的，而我们在发起跳转的时候并没有定义这些，所以
现在正式回归，开始好好做项目了，正好这一个项目也开始慢慢的开始起色了，前面的准备工作都做的差不多了。而且我现在也开始慢慢了解到了一些项目才开始需要的一些什么东西了，vuex、router这些都是必备的，后期一定要练得非常熟练才行。一.重写push/replace方法有一个编程式导航的bug，当我们重复点击编程时导航的跳转，同时传的都是相同的参数，这个时候就会报错,报NavigationDuplicated，这是一个底层错误，归根结底是因为vue在2的版本将编程式导航跳转的添加了一个promise，我们都知道promise是需要一个成功回调和失败回调的，而我们在发起跳转的时候并没有定义这些，所以
堆积了两天一起发的，先祝大家节日快乐后面任务很繁重，还有登录注册组件还有后台管理页面，真的繁重，我现在感觉每天全天时间都在学都不一定学得完，主要想在六月一号之前把整个项目过一遍。看看能不能创造奇迹一.防抖和节流抛出一个问题，就是我们的三级联动，正常情况你慢慢的去滑动是没有bug的，但是当你快速的从上往下滑一圈，你会发现只会触发几个标题，如果这个时候我们的回调也就是滑动的事件函数里面有大量的业务逻辑，他会执行完一个再去执行另一个，但是你已经滑完很久了，所以这个时候页面就会有卡顿现象1.防抖什么是防抖？防抖就是一个事件触发多次，最终只会有触发一次的结果。我们这里防抖和节流采用一个Lodash的插件
堆积了两天一起发的，先祝大家节日快乐后面任务很繁重，还有登录注册组件还有后台管理页面，真的繁重，我现在感觉每天全天时间都在学都不一定学得完，主要想在六月一号之前把整个项目过一遍。看看能不能创造奇迹一.防抖和节流抛出一个问题，就是我们的三级联动，正常情况你慢慢的去滑动是没有bug的，但是当你快速的从上往下滑一圈，你会发现只会触发几个标题，如果这个时候我们的回调也就是滑动的事件函数里面有大量的业务逻辑，他会执行完一个再去执行另一个，但是你已经滑完很久了，所以这个时候页面就会有卡顿现象1.防抖什么是防抖？防抖就是一个事件触发多次，最终只会有触发一次的结果。我们这里防抖和节流采用一个Lodash的插件
Vue2学习笔记Vue3快速上手vue31.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：OnePiece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%,更新渲染快133%内存减少54%......2.源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking......3.拥抱
Vue2学习笔记Vue3快速上手vue31.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：OnePiece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%,更新渲染快133%内存减少54%......2.源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking......3.拥抱
(一)基本模块01基础模板语法1.1插值语法--解析标签体里的内容data->{{}}里可以写js表达式,或者js语句:通过{{}}在标签体里插入data里面的数据{{}}//{{}}:插值语法-vue模板//创建Vue实例constx=newVue({//配置对象//el:element(元素)->(挂载)用于指定当前Vue实例为那个容器服务,值一般为css选择器的字符串el:'#root',//data中用于存放数据,数据供el所指定的容器去使用,值普通用法可以写成对象data:{name:'尚硅谷'}})1.2指令语法--解析标签数据绑定条件渲染1.2.1**v-bind:xxx**简写
