vue
关注
分享
扫一扫
文章平均质量分 88
vue学习笔记知识分享
jjjj的笔记本
大四学生，目前主攻摆烂。
展开
-
【EventLoop与宏任务和微任务】黑马vue视频笔记（十三）
JavaScript把异步任务又做了进一步的划分，异步任务又分为两类，分别是①宏任务（macrotask）⚫异步Ajax请求、⚫文件操作⚫其它宏任务②微任务（microtask）⚫Promise.then、.catch和.finally⚫其它微任务。...原创 2022-07-29 22:09:40 · 477 阅读 · 1 评论 -
【async/await】黑马vue视频笔记（十二）
是ES8（ECMAScript2017）引入的新语法，用来简化Promise异步操作。在async/await出现之前，开发者只能通过链式.then()的方式处理Promise异步操作。importthenFsfrom'then-fs'thenFs.readFile('./file/1.txt','utf8')//1.返回值是Promise的实例对象.then((r1)=>{链式调用的优点解决了回调地狱的问题.then链式调用的缺点。......原创 2022-07-28 22:22:32 · 320 阅读 · 0 评论 -
【Promise】黑马vue视频笔记（十一）
/1.方法的名称为getFile//2.方法接收一个形参fpath,表示要读取的文件路径functiongetFile(fpath){//3.方法的返回值为Promise的实例对象returnnewPromise()}注意第5行代码中的newPromise()只是创建了一个形式上的异步操作。...原创 2022-07-27 22:29:14 · 567 阅读 · 0 评论 -
【ES6模块化】黑马vue视频笔记（十一）
1. 什么是 ES6 模块化规范2. 在node.js中体验ES6模块化3. ES6 模块化的基本语法3.1 默认导出3.2 默认导入3.3 按需导出3.4 按需导入3.5 直接导入并执行模块中的代码原创 2022-07-26 21:59:15 · 461 阅读 · 0 评论 -
【vue基础】黑马vue视频笔记（十）
vant案例学习原创 2022-07-25 23:24:08 · 331 阅读 · 0 评论 -
【vue基础】黑马vue视频笔记（九）
⚫ 声明路由⚫ 路由重定向⚫ 导航守卫⚫ 嵌套路由⚫ 动态路由匹配⚫ 编程式导航原创 2022-07-24 22:03:50 · 471 阅读 · 1 评论 -
【vue基础】黑马vue视频笔记（八）
路由（英文router）就是对应关系。通俗易懂的概念Hash地址与组件之间的对应关系。vue-router是vue.js官方给出的路由解决方案。它只能结合vue项目进行使用，能够轻松的管理SPA项目中组件的切换。https。...原创 2022-07-23 20:02:28 · 2051 阅读 · 2 评论 -
【vue基础】黑马vue视频笔记（七）
如果希望修改ESLint默认的校验规则，可以在文件的rules节点下进行自定义。rules{//默认情况下，ESLint规定方法的形参之前必须保留一个空格//'space-before-function-paren'['error','always']//如果指定了规则的值为never，则不允许在方法的形参之前保留任何空格'space-before-function-paren'......原创 2022-07-22 15:54:24 · 486 阅读 · 2 评论 -
【vue基础】黑马vue视频笔记（六）
动态组件指的是动态切换组件的显示与隐藏。插槽（Slot）是vue为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。可以把插槽认为是组件封装期间，为用户预留的内容的占位符。vue官方提供了v-text、v-for、v-model、v-if等常用的指令。除此之外vue还允许开发者自定义指令。vue中的自定义指令分为两类，分别是⚫私有自定义指令⚫全局自定义指令在每个vue组件中，可以在directives节点下声明私有自定义指令。......原创 2022-07-21 23:16:12 · 479 阅读 · 9 评论 -
【vue基础】黑马vue视频笔记（五）
组件基本使用、vue指令（v-text、v-bind、v-on、v-for）、计算属性、过滤器函数生命周期函数、axios、父子组件，兄弟组件相互传信息（自定义属性，自定义事件，eventBus）原创 2022-07-20 16:16:19 · 666 阅读 · 1 评论 -
【vue基础】黑马vue视频笔记（四）
一、组件的生命周期1. 生命周期 & 生命周期函数3. 组件生命周期函数的分类4. 生命周期图示4.1 组件创建阶段之编译HTML结构4.2 组件创建阶段之渲染HTML结构4.2 组件运行阶段4.2 组件销毁阶段二、组件之间的数据共享1. 组件之间的关系2. 父子组件之间的数据共享2.1 父组件向子组件共享数据2.2 子组件向父组件共享数据3. 兄弟组件之间的数据共享三、ref应用1. 什么是 ref 引用2. 使用 ref 引用 DOM 元素3. 使用 ref 引用组件实原创 2022-07-19 20:04:20 · 993 阅读 · 0 评论 -
【vue基础】黑马vue视频笔记（三）
组件化开发指的是根据封装的思想，把页面上可重用的UI结构封装为组件，从而方便项目的开发和维护。原创 2022-07-18 20:09:02 · 1035 阅读 · 22 评论 -
【vue基础】黑马vue视频笔记（二）
el{message'hellovue.js'},//过滤器函数，必须被定义到filters节点之下//过滤器本质上是函数filters{//注意过滤器函数形参中的val，永远都是‘管道符’前面的那个值capi(message){//字符串有charAt方法，这个方法接收索引值，表示从字符串中把索引对应字符取出来constfirst=message.charAt(0).toUpperCase();watch侦听器允许开发者监视数据的变化，从而el。...原创 2022-07-18 11:20:59 · 1029 阅读 · 3 评论 -
【vue基础】黑马vue视频笔记（一）
1、构建用户界面用vue往html页面中填充数据，非常的方便2、框架框架是一套现成的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能！要学习vue，就是在学习vue框架中规定的用法！vue的指令、组件（是对UI结构的复用）、路由、Vuex、vue组件库。......原创 2022-07-17 15:19:05 · 780 阅读 · 1 评论 -
【vue基础】一些工具模块
一、npm二、less三、webpack的基本使用1. 概念2. 主要功能3. 安装4. 使用补充：mode 的可选值5. webpack配置（1）webpack.config.js 文件的作用（2）webpack中的默认约定6.webpack的插件（1）安装webpack-dev-server（2）安装html-webpack-plugin（3）devServer节点7.webpack中的loader（1）打包处理css文件（2）打包处理less文件（3）配置加载图片的原创 2022-07-17 12:53:14 · 1192 阅读 · 2 评论