Vue学习笔记
关注
分享
扫一扫
文章平均质量分 56
田小江爱分享
程序媛，程序汪。目标是做一个有项目管理经验的技术专家。
展开
-
Promise异步编程
一、什么是Promise呢？1、ES6中一个非常重要和好用的特性就是Promise2、Promise到底是做什么的呢？Promise是异步编程的一种解决方案。首先，当我们的开发中有异步操作时，就可以给异步操作包装一个Promise。二、Promise的三种状态异步操作之后会有三种状态：Pending：等待状态，比如正在进行网络请求，或者定时器没有到时间。Fulfill：满足状态，当我们主动回调了resolve时，就处于该状态，并且会回调.then()Reject: 拒绝状原创 2022-02-18 15:13:01 · 682 阅读 · 0 评论 -
Vue学习总结--axios
Vue中发送网络请求有很多的方式。那么在开发中如何进行选择呢？选择一：传统的Ajax是基于XMLHttpRequest（XHR）为什么不用它呢？配置和调用方式等非常混乱；编码起来看起来就非常蛋疼;所以在真实开发中很少直接使用，而是使用jQuery-Ajax。 选择二：在前面的学习中，我们经常会使用jQuery-Ajax 优点：相对于传统的Ajax非常好用。...原创 2021-09-07 16:06:11 · 378 阅读 · 0 评论 -
Vue学习总结（一）——Vue.js的安装
一.Web标准的构成（1）结构HTML（2）表现CSS（3）行为JAVAScript原创 2021-06-22 21:08:10 · 146 阅读 · 0 评论 -
Vue学习总结（二）——认识Vue.js
入坑Vue.js（一）——安装Vue.js原创 2020-12-12 19:10:36 · 375 阅读 · 0 评论 -
Vue学习总结（三）——Vue的MVVM
入坑Vue.js（二）——Vue基础语法原创 2020-12-12 19:13:33 · 118 阅读 · 0 评论 -
Vue学习总结（四）——Vue的生命周期
一.认识Vue.js二.Vue.js安装方式三.Vue.js初体验四.Vue.js的MVVM原创 2021-07-02 21:30:30 · 189 阅读 · 0 评论 -
Vue学习总结（五）——插值操作
入坑Vue.js（三）——组件化开发原创 2020-12-12 19:14:03 · 158 阅读 · 0 评论 -
Vue学习总结（六）——v-bind指令
入坑Vue.js（四）——Vue CLI详解原创 2020-12-12 19:14:38 · 291 阅读 · 0 评论 -
Vue学习总结（七）——计算属性
入坑Vue.js（五）——vue-router原创 2020-12-12 19:15:10 · 159 阅读 · 0 评论 -
Vue学习总结（八）——事件监听 v-on指令
入坑Vue.js（六）——vue详解原创 2020-12-12 19:15:57 · 281 阅读 · 0 评论 -
Vue学习总结（九）——条件判断v-if、v-else-if、v-else、v-show指令
入坑Vue.js（七）——网络封装原创 2020-12-12 19:17:04 · 2442 阅读 · 0 评论 -
Vue学习总结（十）——循环遍历 v-for指令
1、v-for遍历数组当我们有一组数据需要进行渲染时，我们就可以使用v-for来完成。v-for的语法类似于JavaScript中的for循环。 格式如下： item in items的形式。（1）在遍历的过程中，没有使用索引值，下标值。语法格式：v-for="item in items"（2）如果在遍历的过程中，我们需要拿到索引值。语法格式：(item, index) in items<!DOCTYPE html><html lang="en"><.原创 2021-08-22 18:31:05 · 2341 阅读 · 0 评论 -
Vue学习总结（十一）——表单绑定v-model指令
表单控件在实际开发中是非常常见的。特别是用户信息的提交，需要大量的表单。Vue中使用v-model指令来实现表单元素和数据的双向绑定。原创 2021-08-19 22:33:05 · 1714 阅读 · 0 评论 -
Vue学习总结（十二）——组件化
1、什么是组件化组件化的思想：如果我们将页面中所有的逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于后续的管理以及扩展。 但如果，我们将一个页面拆分成一个个小的功能块，每个功能块完成属于自己这部分独立的功能，那么之后整个页面的管理和维护就变得非常容易了。...原创 2021-08-23 21:13:42 · 371 阅读 · 0 评论 -
Vue学习总结（十三）——父子组件通信
1、父子组件的通信在上一个小节中，我们提到了子组件是不能引用父组件或者Vue实例的数据的。但是，在开发中，往往一些数据确实需要从上层传递到下层：比如在一个页面中，我们从服务器请求到了很多的数据。 其中一部分数据，并非是我们整个页面的大组件来展示的，而是需要下面的子组件进行展示。 这个时候，并不会让子组件再次发送一个网络请求，而是直接让大组件（父组件）将数据传递给小组件（子组件）。Vue官方关于父子组件间的通信提到了：通过prop向子组件传递数据。 通过事件向父组件发送消息。真实的.原创 2021-08-25 21:21:57 · 512 阅读 · 0 评论 -
ES6语法（一）——块级作用域
入坑Vue.js（九）——项目部署原创 2020-12-12 19:18:53 · 157 阅读 · 0 评论 -
ES6语法（二）——const的使用
入坑Vue.js（八）——项目实战原创 2020-12-12 19:17:47 · 810 阅读 · 0 评论 -
ES6语法（三）——对象字面量增强写法
1、属性的增强写法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script src="../js/vue.js"></script><script> // const obj = new ob原创 2021-08-11 23:12:08 · 198 阅读 · 0 评论 -
231321vue
为什么使用slotslot翻译为插槽：在生活中很多地方都有插槽，电脑的USB插槽，插板中的电源插槽。插槽的目的是让我们原来更多的设备具备更多的扩展性。比如电脑的USB我们可以插入U盘、硬盘、手机、音响、键盘、鼠标等等。组件的插槽：组件的插槽也是为了让我们封装的组件更加具有扩展性。让使用者可以决定组件内部的一些内容到底展示什么。如：移动网站中的导航栏。移动开发中，几乎每个页面都有导航栏。导航栏我们必然会封装成一个插件，比如nav-bar组件。一旦有了这个组件，我们就原创 2021-08-28 16:42:05 · 126 阅读 · 0 评论 -
webpack
一、认识webpack1、什么是webpack？官方解释如下：At its core，webpack is a static module bundler for modern JavaScript applications.从本质上来讲，webpack是一个现代的JavaScript应用的静态模块打包工具。从两个点来解释就是：模块和打包（1）前端模块化：目前使用前端模块化的一些方案：AMD、CDM、CommonJS、ES6 在ES6之前，我们要想进行模块化开发，就必须借助于其..原创 2021-08-30 13:31:10 · 132 阅读 · 0 评论 -
数组中哪些方法是响应式的
安抚原创 2021-09-06 17:20:38 · 930 阅读 · 2 评论