05 2022 档案
摘要：一、axios的封装 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御cSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-r
阅读全文
摘要：1. 属性 vm.$el #指定要绑定的元素 vm.$data #Vue 实例的数据对象 vm.$options #获取自定义属性的值 new Vue({ customOption: 'foo', 自定义属性 created: function () { console.log(this.$opti
阅读全文
摘要：开始 【安装】 npm install vuex --save 在一个模块化的打包系统中，必须显式地通过 Vue.use() 来安装 Vuex import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) 当使用全局 script 标签引用
阅读全文
摘要：路由模式 vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载 http://localhost:8080/#/Hello 如果不想要很丑的 hash，可以用路由的 history 模式，这种模式充分利用 h
阅读全文
摘要：v- 前缀作为一种视觉提示，用来识别模板中 Vue 特定的 attribute。当你在使用 Vue.js 为现有标签添加动态行为 (dynamic behavior) 时，v- 前缀很有帮助，然而，对于一些频繁用到的指令来说，就会感到使用繁琐。同时，在构建由 Vue 管理所有模板的单页面应用程序 (
阅读全文
摘要：1.引入矢量图标 2.获取真实数据展示 3.设置动态class绑定，当添加class名称，active：true为音乐正在播放，active：false为音乐暂停，唱片的唱臂跟随歌曲的播放暂停同步进行改变 4.准备一个变量控制唱片与歌词的切换并使用v-if和v-else进行绑定设置 显示唱片： 显示
阅读全文
摘要：新建vue单页面应用 一共有两种方式： vue/cli vite vue/cli vue/cli是基于webpack 1 npm install -g @vue/cli 这样就可以在全局安装vue/cli，输入命令，查看安装是否成功 1 vue --version 2 #or 3 vue -V 能出
阅读全文
摘要：在介绍检测数据类型的方法之前，先说说JavaScript中数据类型有哪些，JS数据类型主要分为两大类： 基本数据类型和引用数据类型 基本数据类型：number、string、boolean、null、undefined、symbol（es6） 引用数据类型：object（array、function
阅读全文
摘要：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为
阅读全文
摘要：动态路由 1、定义：我们经常需要把某种模式匹配到的所有路由，全都映射到同 个组件 例如：我们有一个 User 组件，对于所有1 各不相同的用户，都要 使用这个组件来渲染 2、动态路由传参 params传参： 定义动态路由； 传输参数； 接收参数； props传参： 值为布尔值的形式：定义动态路由；传
阅读全文
