学完vue2还是决定先做一个比较经典，也比较大的项目来练练手好一点，vue3的知识不用那么着急，先把vue2用熟练了，vue3随时都能学。这个项目确实很经典包含了登录注册、购物车电商网站该有的都有，后面还会结合elementUI构件后台管理界面。拭目以待！一.初始化脚手架环境vuecreate创建vue的脚手架环境里面什么是什么配置文件这些就不同多说了，前面已经说过了，来说一下没有说过的一些配置。当我们npmrunserve跑项目的时候自动打开浏览器，对package.json启动serve的命令加一个open参数关闭eslint校验功能src文件简写，配置他的别名，因为后面可能经常会引入这个
忙里偷闲，还在学校，趁机把后面的路由多出来的知识点学完十.缓存路由组件让不展示的路由组件保持挂载，不被销毁在我们的前面案例有一个问题，都知道vue的路由当我们切换一个路由后，另一个路由就会被销毁，如果我在一个路由写了有一些input框当我切换到另一个组件message很明显这个时候news里面的内容就会丢失，毕竟都被销毁了，以前说过的专门用来保存旧dom的$el这些都会被销毁，而再挂载的时候没有可以复用的就会直接生成新的DOM，所以当我们切换回来就是一个全新的input框那么有没有办法能够解决这个问题，毕竟类似于这样的情况，大多数都是能够记住input里面的内容切换回来也还是这样用到一个全新的
至此基本上vue2.0的内容全部结束，后面还有点elementUI和vue3.0的内容过几天再来更新。这几天要回学校去参加毕业答辩，断更几天一.相关理解是vue的一个插件库，专门用来实现spa（单页面应用）的，也就是一直都是一个index.html页面，他有他的导航区和展示区，虽然只有一个页面但是我点击导航区，展示区会出来不同内容，页面也不会刷新也不会发生跳转，照样可以实现丰富的页面展现在前端里面的路由，我们的路径就好比key值，value值就是我们的组件，vuerouter检测到你的key为这个就会帮你去呈现对应的value前端路由是组件，后端路由是函数（参考前面node.js）二.基本路由
今天内容挺多，因为想的是必须在一天内把这个vuex完成，说实话这里面要记得东西还是蛮多的，主要是分为原生的和简便方法两种都是vue官方定义的，只不过看你要用哪种，vuex感觉要是用熟练了不得了，直接可以把vue起飞了，数据到处用，那种起飞的感觉，曾经体验过，所以这个应该还是可以多练练的。明天进入vue2中的最后一个内容了，路由，这也是一个一直耳闻但是从没有见过的东西。一.理解vuex1.vuex是什么专门在vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间的通信我们以前要实现各个组件间通信
堆积了两天一起发的，先祝大家节日快乐后面任务很繁重，还有登录注册组件还有后台管理页面，真的繁重，我现在感觉每天全天时间都在学都不一定学得完，主要想在六月一号之前把整个项目过一遍。看看能不能创造奇迹一.防抖和节流抛出一个问题，就是我们的三级联动，正常情况你慢慢的去滑动是没有bug的，但是当你快速的从上往下滑一圈，你会发现只会触发几个标题，如果这个时候我们的回调也就是滑动的事件函数里面有大量的业务逻辑，他会执行完一个再去执行另一个，但是你已经滑完很久了，所以这个时候页面就会有卡顿现象1.防抖什么是防抖？防抖就是一个事件触发多次，最终只会有触发一次的结果。我们这里防抖和节流采用一个Lodash的插件
现在正式回归，开始好好做项目了，正好这一个项目也开始慢慢的开始起色了，前面的准备工作都做的差不多了。而且我现在也开始慢慢了解到了一些项目才开始需要的一些什么东西了，vuex、router这些都是必备的，后期一定要练得非常熟练才行。一.重写push/replace方法有一个编程式导航的bug，当我们重复点击编程时导航的跳转，同时传的都是相同的参数，这个时候就会报错,报NavigationDuplicated，这是一个底层错误，归根结底是因为vue在2的版本将编程式导航跳转的添加了一个promise，我们都知道promise是需要一个成功回调和失败回调的，而我们在发起跳转的时候并没有定义这些，所以
学完vue2还是决定先做一个比较经典，也比较大的项目来练练手好一点，vue3的知识不用那么着急，先把vue2用熟练了，vue3随时都能学。这个项目确实很经典包含了登录注册、购物车电商网站该有的都有，后面还会结合elementUI构件后台管理界面。拭目以待！一.初始化脚手架环境vuecreate创建vue的脚手架环境里面什么是什么配置文件这些就不同多说了，前面已经说过了，来说一下没有说过的一些配置。当我们npmrunserve跑项目的时候自动打开浏览器，对package.json启动serve的命令加一个open参数关闭eslint校验功能src文件简写，配置他的别名，因为后面可能经常会引入这个
忙里偷闲，还在学校，趁机把后面的路由多出来的知识点学完十.缓存路由组件让不展示的路由组件保持挂载，不被销毁在我们的前面案例有一个问题，都知道vue的路由当我们切换一个路由后，另一个路由就会被销毁，如果我在一个路由写了有一些input框当我切换到另一个组件message很明显这个时候news里面的内容就会丢失，毕竟都被销毁了，以前说过的专门用来保存旧dom的$el这些都会被销毁，而再挂载的时候没有可以复用的就会直接生成新的DOM，所以当我们切换回来就是一个全新的input框那么有没有办法能够解决这个问题，毕竟类似于这样的情况，大多数都是能够记住input里面的内容切换回来也还是这样用到一个全新的
至此基本上vue2.0的内容全部结束，后面还有点elementUI和vue3.0的内容过几天再来更新。这几天要回学校去参加毕业答辩，断更几天一.相关理解是vue的一个插件库，专门用来实现spa（单页面应用）的，也就是一直都是一个index.html页面，他有他的导航区和展示区，虽然只有一个页面但是我点击导航区，展示区会出来不同内容，页面也不会刷新也不会发生跳转，照样可以实现丰富的页面展现在前端里面的路由，我们的路径就好比key值，value值就是我们的组件，vuerouter检测到你的key为这个就会帮你去呈现对应的value前端路由是组件，后端路由是函数（参考前面node.js）二.基本路由
今天内容挺多，因为想的是必须在一天内把这个vuex完成，说实话这里面要记得东西还是蛮多的，主要是分为原生的和简便方法两种都是vue官方定义的，只不过看你要用哪种，vuex感觉要是用熟练了不得了，直接可以把vue起飞了，数据到处用，那种起飞的感觉，曾经体验过，所以这个应该还是可以多练练的。明天进入vue2中的最后一个内容了，路由，这也是一个一直耳闻但是从没有见过的东西。一.理解vuex1.vuex是什么专门在vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间的通信我们以前要实现各个组件间通信
