随笔分类 - 3.前端框架
摘要：一、axios 详见老师的课项目三和项目四（前半小时） 二、ts.config.js文件 主要是ts语言编译成js时的一些配置选项 { "compilerOptions": { //目标代码；将我们的ts代码编译转化成es5还是es6/es7...，esnext是es6的意思 //为什么我们转化成e
阅读全文
摘要：一、类 只读属性可以在构造器里赋值，但是赋值之后就不可以修改了； 可以使用访问器来访问私有private的属性；这个比java语言要自己写setNmae（）和getName（）方法要方便一些，但是都差不多； 二、接口 接口和type都可以实现对象类型的定义， 但是interface可以对同一个名字重
阅读全文
摘要：一、ts介绍 注意类型注释和类型推导的区别： 类型注释就是我们给js的变量名加类型检测的写法，它的固定写法就是这样； 类型推导是ts会默认推导然后加一个类型检测； 二、js和ts都有的数据类型 js和ts都有的数据类型： 1.number类型 2.boolean类型 3.string类型 4.arr
阅读全文
摘要：具体如何做到的看课程老师介绍吧，涉及到微任务队列和宏任务队列的事； 页面刷新之后，浏览器重新请求的这个url可能是找不到资源的（因为以前的这个url是经过很多操作才生成的），就会返回404的错误，这个时候需要使用historyApiFallback返回一个index.html，让页面不至于跳到404
阅读全文
摘要：一、vuex就是状态管理 vuex五大核心： state getters mutations actions modules state即状态，其实我们的数据就是一种状态； 二、vuex的使用 三、单一状态树和获取vuex的状态 使用单一状态树，即创建一个state实例，不要创建多个state； 三
阅读全文
摘要：一、路由是什么 使用步骤:1.配置路由映射表route 2.配置路由对象router，里面包括了route和history模式 3.vue加载插件 4.使用《route-link》标签或编程式路由this.$router.push()5.配置《router-view》占位 路由主要做数据转发的工作；
阅读全文
摘要：一、vue架构简介 我们创造的vnode，本质上是一个js对象，所以操作vnode比操作真实dom的lelement元素，要简单很多很多； 通过render函数将template转化为vnode（本质是一个js对象），然后通过渲染器将将vnode转化为真实元素 二、三大系统 第一部分是compile
阅读全文
摘要：一、生命周期钩子 hooks： hooks的出现也就解释了为什么要从optionApi转向composiApi，因为项目到了我们的组件逻辑太多了 ，可能组件模板还是那个模板已经很完善了，但是组件逻辑太长太复杂，而且每个组件选项松散的过于厉害，某一个功能点我们需要在不同组件选项中来回加工，对代码的可读
阅读全文
摘要：一、CompositionAPI介绍 一个setup就是本组件的一个功能点； 一个组件可能也是一大堆功能的集合体；组件的作用在于功能的分割性和可复用性； 但是功能分割到这个组件后，可能这个功能还是有很多小功能，这个时候每个小功能都是一个setup； setup 二、响应式问题 我们现在使用compA
阅读全文
摘要：一、动画的介绍 vue3内置了一些动画的库，所以我们需要进行cdn或npm instal安装了； 可以使用组件《transition》直接使用； 1，transition实现效果 2.animation效果 3.过度的模式 使用《triansition》包裹的两个组件，如果要实现切换效果（比如v-i
阅读全文
摘要：一、动态组件 所谓的动态组件应该和keeplive一样，都是vue的内置组件； component标签的is属性可以写哪些东西？ 第一，全局组件，比如通过vue.createApp().component（）函数注册过的全局组件； 第二，在本组件实例中注册的局部组件，即在本组件实例的componen
阅读全文
摘要：一、插槽用来干什么？ 可以用props来转递数据， 但是传递html标签这种结构怎么做？使用插槽slot； slot可以让父组件来决定，这一块到底放什么标签、内容、元素； 如果有多个插槽，并且灭有具名插槽和动态插槽名，如下图所以，那么每个插槽都会被插入父组件的内容，所以下图会有九个内容； 2.具名插
阅读全文
摘要：一、父传子 1.基于props的attribute 当是一个基本数据类型时，随便；初始化多个组件实例时，虽然基本数据类型的值相同但是地址都初始化了不同，只是值进行了拷贝，所以修改本实例数据地址的值不会影响其他实例的值； 当是一个引入数据类型时，需要返回一个函数，不然会造成多个组件实例修改同一份数据的
阅读全文
摘要：一、vue的不同版本 第一个：在浏览器中或者说浏览器可以识别的index.html中，如果要通过<sciript src=xxx>的方式引入，应该选择此版本 （.runtime）(.prod)都是可选项，如果选了（。runtime）表示只需要运行时的vue版本，不需要runtime+complier
阅读全文
摘要：一、组件 1、什么是组件化？ 将一个大的问题分解成一个个小的功能模块，这一个个功能模块就是组件话开发； 优点：利于大问题的拆分解决；便于后期维护； 2、全局组件 3、局部组件 4、singe-file-components文件 。vue文件浏览器无法识别，所以需要使用webpack构建工具将.vue
阅读全文
摘要：一、计算属性 1.为什么要用计算属性？ 原因：对data里的数据进行复杂处理；计算属性，计算计算，就是可以对data里的属性进行表达式计算，并且可以是复杂表达式，并且可以复用在很多{{}}中； 而且计算属性有缓存，复用时会更快； 计算属性也有响应式； 2.计算属性的setter和getter 二、侦
阅读全文
摘要：一、介绍 vue3创建一个vue实例不再使用new Vue了，而是使用vue.createApp(对象option).mount(); 二、简单语法 1.mustanche语法和v-text语法： 可以绑定data里的属性，可以使用data里的属性的表达式，可以使用methods里的函数，还可以使用
阅读全文
摘要：vue是如何实现响应式的？ 首先通过object.defineProperty方法获取实时改变的值； 然后通过订阅者模式将值推送给所有用到此值的属性上； 主要是发布者订阅者模式； 1是通过defineProperty方法可以实时知道属性值的改变， 2发布者通过调用notify方法，notify方法又
阅读全文
摘要：一、简介 如何使用? npm install axios -S 使用方法axios（config）即可 方法axios（）里面传入一个参数对象，参数对象里面可以有url属性、methods属性、params属性， 请求结束后会返回一个promise对象，所以我们可以添加一个then方法，如果请求成功
阅读全文
