![](https://img-blog.csdnimg.cn/26cb50a71b404a47a58d6266f79b3f5f.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 80
Vue的学习日常
四季奶青全糖去冰@
油条:不受煎熬,不会成熟;总受煎熬,会成为老油条。
展开
-
全局、独享、局部路由守卫
1. 组件内的守卫是定义在组件内部,组件选项对象中的路由守卫2. 组件内部路由守卫有三个,为:beforeRouteEnter,beforeRouteUpdate,beforeRouteLeave。3. beforeRouteEnter组件创建前调用,不能使用组件实例this4. beforeRouteUpdate路由被改变,但是组件被复用时调用,比如:动态路由5. beforeRouteLeave导航离开时该组件调用原创 2022-04-19 18:41:19 · 1492 阅读 · 1 评论 -
Vue核心基础知识
一、Vue简介1.1 概念一套用于构建用户界面的渐近式JavaScript框架。原创 2022-01-22 15:54:56 · 632 阅读 · 6 评论 -
Vue - 生命周期详解
Vue实例有一个完整的生命周期,也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程,我们成为Vue 实例的生命周期,钩子就是在某个阶段给你一个做某些处理的机会。原创 2022-02-17 11:23:29 · 238 阅读 · 0 评论 -
Vue组件化编程
组件 实现应用中局部功能代码和资源的集合模块化当应用中的 js 都以模块来编写的, 那这个应用就是一个模块化的应用。组件化当应用中的功能都是多组件的方式来编写的, 那这个应用就是一个组件化的应用,。原创 2022-02-12 09:40:27 · 502 阅读 · 2 评论 -
Vue之实现Todo-list 案例
案例效果展示:案例分析原创 2022-03-14 09:02:45 · 687 阅读 · 13 评论 -
前端路由 Vue Router
路由图解:(1)路由概念路由就是一组key-value的对应关系。多个路由,需要经过路由器管理。(2)路由分类前端路由:1) 理由:value是component,用于展示页面内容。2)工作过程:当浏览器的路径改变时,对应的组件就会显示。后端路由:1)理解:value是function,用于处理客户端提交。2)工作过程:服务器收到一个请求时,根据请求路径找到匹配的函数来处理请求,返回响应数据。router-link :实现路由的切换。注意:路由里原创 2022-04-14 17:12:05 · 844 阅读 · 1 评论 -
axios在vue中的get和post使用
一、axios作用是什么?概念Axios 本质上还是对原生XMLHttpRequest的封装,一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。特性从浏览器中创建XMLHttpRequests 从 node.js 创建http请求 支持PromiseAPI 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御XSRF二、axios的下载和引用npm安装npm install ax...原创 2022-04-02 16:48:23 · 3985 阅读 · 3 评论 -
Vue脚手架
一、初始化脚手架1.1 概念Vue脚手架是Vue官方提供的标准化开发工具(平台)。文档: https://cli.vuejs.org/zh/1.2 使用步骤第一步(仅第一次执行):全局安装@vue/clinpm install -g @vue/cli第二步:切换到要创建的项目,然后使用命令创建项目cd 切换到的目录名字(例如:cd desktop[切换到桌面]) vue create 项目名字第三步:启动项目npm run serve注意事项如出现下载缓原创 2022-03-09 10:34:12 · 173 阅读 · 16 评论 -
Vue封装的过度与动画
在插入、更新或移除 DOM元素时,在合适的时候给元素添加样式类名。使用<transition>包裹要过度的元素,并配置name属性若有多个元素需要过度,则需要使用:<transition-group>,且每个元素都要指定key值效果展示一:知识点回顾动画 通过 @keyframes 定义动画 在指定元素⾥,通过 animation 属性调⽤动画 定义动画@keyframes 定义动画关键帧,写法:百分比 0% 是动...原创 2022-03-21 14:46:41 · 1528 阅读 · 0 评论