Vue
文章平均质量分 94
李穩钰
这个作者很懒,什么都没留下…
展开
-
Vue第六天学习总结—— Vue全家桶之Vuex(Vuex概述、Vuex的基本使用、Vuex的核心概念、基于Vuex的案例)
(一) Vuex概述1.组件之间共享数据的方式父向子传值:v-bind属性绑定子向父传值:v-on 事件绑定兄弟组件之间共享数据: EventBus$on接收数据的那个组件$emit发送数据的那个组件之前共享数据,是通过以上方式以上方式,只适用于小范围内传递数据2.VuexVuex 是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享没有vuex时:A向B传递数据,需要一一传递,非常麻烦有vuex时,A直接将要共享的数据,存储到Store中,然后B直接从S原创 2021-08-28 12:36:30 · 954 阅读 · 1 评论 -
Vue第五天学习总结——Vue全家桶之前端工程化(模块化相关规范、webpack、Vue单文件组件、Vue脚手架、组件库——Element-UI 的基本使用)
(一) 模块化相关规范1. 模块化概述传统开发模式的主要问题命名冲突:多个js文件中的同名变量会冲突文件依赖:js文件之间无法相互引用问题通过模块化解决上述问题模块化就是把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块模块化开发的好处:方便代码的重用,从而提升开发效率,并且方便后期的维护2. 浏览器模块化规范AMDRequire.js (http://www.requirejs.cn/)CMDSe原创 2021-08-27 23:50:36 · 916 阅读 · 2 评论 -
Vue第四天学习总结—— Vue全家桶之前端路由(路由的基本概念与原理、vue-router的基本使用、嵌套路由-用法、动态路由匹配、命名路由、编程式导航)
(一) 路由的基本概念与原理1. 路由路由是一个比较广义和抽象的概念,路由的本质就是对应关系。比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。在开发中,路由分为:前端路由、后端路由后端路由是由服务器端进行实现,并完成资源的分发 (url与资源/数据的对应关系)前端路由是依靠hash值(锚点链接)的变化进行实现 (锚点与组件之间的关系)2. 后端路由概念:根据不同的用户 URL原创 2021-08-27 15:36:25 · 454 阅读 · 0 评论 -
Vue第三天学习总结—— Vue全家桶之前后端交互(前后的交互模式、Promise用法、接口调用-fetch用法、接口调用-axios用法、接口调用-async/await用法 )
(一) 前后的交互模式之前处理的案例都是静态数据,而真正的项目都是需要后台提供真正的数据的那么前台就需要通过后台提供的数据接口获取数据1. 接口调用方式原生ajax:比较麻烦,一般不用基于jQuery的ajax:这个会简单点,但jquery侧重DOM操作,而Vue很少涉及DOM操作fetch:ajax升级版,标准化组织制定的一套新规范axios:第三方的库,比fetch更加强大客户端与服务器通信方式左侧为客户端,右侧为服务器客户端通过互联网向服务器发起请求(寻求页面,数据)原创 2021-08-27 14:30:43 · 523 阅读 · 0 评论 -
Vue第二天学习总结—— Vue全家桶之组件化开发(组件化开发思想、组件注册、Vue调试工具用法、组件间数据交互传递、组件插槽、基于组件的案例——购物车)
(一) 组件化开发思想1. 现实中的组件化思想体现组件化即是对某些可以进行复用的功能进行封装的标准化工作标准:要想组件能够成功组合在一起,每个组件必须要有标准分治:将不同的功能封装到不同的组件中,每个组件都能够独立生产重用:两台手机,一个手机A只有cpu可以用,一个手机B只有cpu坏了,我们就可以将手机A的cpu重用起来,装到手机B中组合:组件组合起来,可以形成一个整体2. 编程中的组件化思想体现描述:一个界面中会有各种模块,他们有兄弟关系,父子关系。我们会将用的比较多的模块原创 2021-08-26 19:04:36 · 447 阅读 · 0 评论 -
Vue第一天学习总结—— Vue全家桶之Vue基础(Vue概述、Vue基本使用、Vue模板语法、基础案例——选项卡、Vue常用特性、综合案例-图书管理 )
(一) Vue概述我使用的vue版本是v2.5.171. 介绍——Vue:渐进式JavaScript框架声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建易用:熟悉HTML、CSS、JavaScript知识后,可快速上手Vue灵活:在一个库和一套完整框架之间自如伸缩高效:20kB运行大小,超快虚拟 DOM框架:vue就是一个框架,提供了很多基础性服务,比如虚拟DOM技术,双向绑定技术框架则是为解决一个(一类)问题而开发的产品 (是一个解决方案)使用框架就不一样,我原创 2021-08-26 12:59:52 · 480 阅读 · 0 评论