Vue
文章平均质量分 84
ImmortalSYM
这个作者很懒,什么都没留下…
展开
-
Vue开源项目记录二
仅用于个人关于开源项目学习笔记原创 2022-03-03 20:40:39 · 508 阅读 · 0 评论 -
Vue开源项目学习一
仅供自己学习记录使用原创 2022-02-21 20:57:23 · 470 阅读 · 0 评论 -
Vuex简单了解
VuexVuex基本了解—Vuex是一个专门为Vue.js应用程序开发的状态管理模式;它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化;—状态管理模式,集中式存储管理可以看作为把多个需要的组件共享的变量全部存储在一个对象里面;然后将这个对象放在顶层的Vue实例中,让其他组件可以使用;—简单来说就是Vuex为全局单例模式,大管家,多个视图都依赖同一状态,我们可以将共享的状态抽取出来,交给大管家统一管理,之后每个视图按照一定规则进行访问和修改等操作;—V原创 2022-01-16 10:05:22 · 255 阅读 · 0 评论 -
Promise简单了解
PromisePromise简介—Promise是异步编程的一种解决方案,将网络请求和异步处理代码进行分离;—什么时候处理异步事件?比较常见的场景就是网络请求!我们封装一个网络请求的函数,不会立即拿到结果,往往会传入另一个函数,在数据请求成功时,将数据通过传入的函数回调出去;如果网络请求非常复杂时,会出现回调地狱;定时器的异步事件—Promise可以对异步事件进行封装;—Promise传入一个回调函数,回调函数中传入两个参数resolve和reject,这两个参数本身也是函数;—异原创 2022-01-11 15:23:34 · 543 阅读 · 0 评论 -
网络模块封装-axio
网络模块封装-axios网络请求模块的选择—传统的Ajax是基于XML Http Request(XHR),缺点:配置和调用方式等非常混乱;真实开发中很少直接使用,而是使用jQuery-Ajax;—Vue开发中不需要使用jQuery,完全没必要为了网络请求而引用这个重量级的框架;—Vue1.x版本中,官方推出了Vue-resource,相对于jQuery体积要小,但是不支持Vue新版本,也不会继续更新和维护,对以后的项目开发和维护存在很大的隐患;—axios有很多优点,在浏览器中发送XHR请原创 2022-01-04 20:09:47 · 491 阅读 · 0 评论 -
Vue-Router
Vue-Router路由—路由:通过互联的网络把信息从源地址传输到目的地址的活动;路由器提供两种机制路由和转送,路由时决定数据包从来源到目的地的路径,转送将输入端的数据的转移到合适的输出端;—路由中有一个非常重要的概念叫路由表,路由表本质上就是一个映射表,决定数据包的指向;包括内网ip:电脑标识(mac地址);—IP地址必须是唯一的,内网IP(192.168.1.110等)和公网IP(202.111.23.45等是永远不重复的!唯一的身份标识);—前端渲染和后端渲染?后端路由阶段:(原创 2021-12-29 15:57:24 · 312 阅读 · 0 评论 -
Vue模块化和Webpack相关安装和配置
模块化开发模块化的基础封装//可以使用匿名函数,闭包解决重名问题,即防止其他模块中也存在相同的变量名称var ModuleA = (function(){//定义一个对象作为模块的出口,这样可以将需要的属性和方法暴露到外面var obj = {}//在对象内部添加变量obj.flag = trueobj.sum = function(info){ console.log(info)}//将对象返回,这样可以在外面使用一个MoudleA接受return obj})()原创 2021-12-22 15:04:37 · 248 阅读 · 0 评论 -
Vue相关操作
Vue相关操作计算属性computed—setter和getter:在计算属性中一般会封装get()和set()方法,但是一般是set()方法是不常用的,因此计算属性只有get()方法,表现为只读属性;—因为computed中都含有get()方法,所以一般简写为如下方式:—一定要注意,计算属性中传递的参数是一个对象,因此在访问计算属性时,可以直接使用{{}}进行读取内容;<div id = "app"> <h2>{{fullName}}</h2><原创 2021-12-08 15:55:00 · 737 阅读 · 1 评论 -
Vue父子组件通信和插槽
Vue父子组件通信父子组件通信和双向绑定—如果使用v-model进行双向绑定时,当绑定在组件的props中的数据时,虽然可以完成双向绑定,但会出现警告;因此我们在进行组件双向绑定时,不能直接绑定给子组件,一般是在绑定给组件中data函数中返回的数据;<div id = "cpn"><!--这里可以写成自结束标签,因为标签内部没东西,所以可以简写--> <cpn :number1 = "num1" :number2 = "num2" @num1change = "原创 2021-12-02 09:30:45 · 1234 阅读 · 0 评论 -
Vue组件化开发
Vue组件化开发JavaScript高阶函数的使用编程范式可以分为:命令式编程(JS)和声明式编程(Vue);或者面向对象编程(第一公民:对象)和函数式编程(第一公民:函数);JS高级函数可以实现链式编程!!这种编程称为函数式编程;例如箭头函数,首先经过过滤,找出小于100的数值,然后将这些数值乘以2,再求取该些值得总和:let total = nums.filter(n=> n < 100).map(n=> n*2).reduce((pre,n)=> pre+n);原创 2021-11-28 20:11:42 · 181 阅读 · 0 评论 -
Vue框架-邂逅Vue.js
Vue框架-邂逅VuejsVue基础—Vue是一个渐进式的框架;通俗理解,渐进式意味着你可以将Vue作为你应用的一部分嵌入其中,带来更丰富的交互体验;或者你希望将更多的业务逻辑使用Vue实现,那么Vue的核心库以及生态系统可以满足要求,比如Vue全家桶(Core+Vue-router+Vuex);—Vue的特点:解耦视图和数据;可复用组件;前端路由技术;状态管理;虚拟DOM;—安装Vue.js官方安装提供多种安装方式!!直接CDN引入:可以选择开发环境版本或者生产环境版本原创 2021-11-24 20:43:42 · 208 阅读 · 0 评论