我是谁的博客

数据列表分页处理在数据分类中，每页仅能显示8种具体的分类。当超出8种是自动出现第二页，同时，所有的页具有轮播效果。如图：具体代码如下：html文件<div class="icons"> <swiper> <swiper-slide v-for="(page,index) of pages" :key="index"> ...

介绍实现类似freeCodeCamp上的Use the Twitchtv JSON API练习，项目中使用斗鱼的api接口代替了Twitchtv接口，由于没有找到合适的接口数据，项目中使用online人数超过1000000状态代替online，低于的代替offline状态，后期代码优化的时候会用合适的api接口或者mock生成模拟数据，样式较丑勿怪。所有博主显示online博主offl...

1.statestate是什么?定义:state(vuex) ≈ data (vue)vuex的state和vue的data有很多相似之处,都是用于存储一些数据,或者说状态值.这些值都将被挂载 数据和dom的双向绑定事件,也就是当你改变值的时候可以触发dom的更新.虽然state和data有很多相似之处,但state在使用的时候一般被挂载到子组件的computed计算属性上,这样有利于st...

Vue的项目中，如果项目简单， 父子组件之间的数据传递可以使用 props 或者 $emit 等方式 进行传递但是如果是大中型项目中，很多时候都需要在不相关的平行组件之间传递数据，并且很多数据需要多个组件循环使用。这时候再使用上面的方法会让项目代码变得冗长，并且不利于组件的复用，提高了耦合度。Vue 的状态管理工具 Vuex 完美的解决了这个问题。看了下vuex的官网，觉得不是很好理解，有...

/src/store/index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)在main.js中引入// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in...

效果图<template> <div id="steps"> <div class="steps-item" v-for="(k,i) in stepArr" :key="k.id"> <div class="label">{{k.label}}</div> <div class="cont...

一、使用Vue.prototype实现全局变量对于一个vue脚手架项目来说，在main.js里使用Vue.prototype声明的变量，实际上是为Vue对象添加了一个原型属性，而不是一个全局变量。但是如果这个原型属性的值是引用类型的，我们就可以借此实现全局变量当你在main.js里声明了Vue.prototype.a = 1后，因为你的每一个vue组件都是一个Vue对象的实例，所以即使你没有在...

assets/js/common.jsexport const Storage = { set: function (key, data) { return window.localStorage.setItem(key, JSON.stringify(data)) }, get: function (key) { return JSON.pars...