![](https://img-blog.csdnimg.cn/20190918140158853.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue3知识结构
文章平均质量分 61
vue3知识结构
小废_Lipp
喜欢与适合
展开
-
Vue3-知识结构-路由Vue-Router
当在一个button 中的click事件的函数逻辑中通过addRoute新增一个路由配置,然后通过编程式路由跳转到该路由配置的path,成功跳转后刷新页面不能正常显示该组件。当前vue实例.$router.push({path:‘xxx’})二、编程式 : 以Script形式出现 通过框架提供的API实现。一、声明式: 以标签形式出现 通过框架提供的组件实现。通常写在main.js或者router配置文件中。写在单个router配置里。在路由配置文件里 如下。编程式路由传值的接收。原创 2022-12-21 19:29:44 · 564 阅读 · 0 评论 -
Vue3-知识结构-生命周期
选项式生命周期:11个(普通钩子)+2个(keep-alive 专用钩子)+1(ssr专用钩子)=13+1个。组合式生命周期函数:9个(普通钩子)+2个(keep-alive 专用钩子)+1(ssr专用钩子)=11+1个。原创 2022-12-23 10:10:28 · 145 阅读 · 0 评论 -
Vue3-知识结构-前后端分离
代理配置后,将请求的接口网址写成配置的端口并加上’/api’,浏览器在请求时会把/api之前的根路径替换成 ‘target’ 里的内容。是一个基于promise的HTTP库,可以用在浏览器和node.js中。在get / delete请求中,params里面的请求参数会被配置在URL中。在post / put 请求中,请求参数不需要params,被配置在body中。axios本身是XHR的封装,对axios的封装可以理解为二次封装。在main.js中封装,可以和axios二次封装完成一样的逻辑。原创 2022-12-23 11:19:31 · 583 阅读 · 0 评论 -
Vue3-知识结构-组件
组件:代表局部功能代码和资源的集合。原创 2022-12-22 11:18:45 · 192 阅读 · 0 评论 -
Vue3-知识结构-基础语法
vue3基础语法,vue项目的搭建,组合式与选项式API,常用指令原创 2022-12-21 18:33:54 · 144 阅读 · 0 评论 -
Vue3-知识结构-MVVM
nextTick() 功能和OnUpdated()生命周期函数相同都是与视图相关,可以监控视图(view)发生变化,并在视图(view)变化后执行编写的逻辑。mvvm模型:model (data数据) + view-moudle (vue实例) + view (dom)computed 在数据没有变化的情况下,会拿缓存数据,节约资源,利用性高;可以监控数据(model)发生变化,并在数据(model)变化后执行。nextTick() 与 OnUpdated()生命周期函数。计算属性,具有响应性。原创 2022-12-23 10:35:56 · 451 阅读 · 0 评论