摘要：完整的代码, 可以复制引用 <template> <div id="app"> <div class="nav_box"> <ul> <router-link :to="{name:'home'}" exact='exact' class="nav_list_lk" tag="li">home</r 阅读全文

摘要：完整的代码, 可以复制引用 新建animation.js文件 const Animation = { // 中奖排行榜ranking('meque', 'meque_text', -1) /** * @description 中奖排行榜滚动 * @function ranking * @param 阅读全文

摘要：完整的代码, 可以复制引用 个人在项目里的常用工具 新建utils.js文件 let Utils = { // 缓存处理工具 // let users = this.Utils.storage.get('users'); // if (users) {} storage: { /** * 存储数据到 阅读全文

摘要：完整的代码, 可以复制引用 vue2的vuex配置 import Vue from 'vue' import Vuex from 'vuex' // 导入API库 import Api from '../lib/api/api' // 导入工具库 import Utils from '../lib/ 阅读全文

摘要：完整的代码, 可以复制引用 vue2的router路由配置 // 引入所需的库和模块 import Vue from 'vue'; import Router from 'vue-router'; import store from '../store'; // 引入Vuex的store impor 阅读全文

摘要：完整的代码, 可以复制引用 vue2的axios http请求配置 import axios from 'axios'; import store from './store'; import { Toast } from 'path-to-toast-component'; // 全局Toast组 阅读全文

摘要：完整的代码, 可以复制引用 管理api地址的文件配置 // 引入api配置文件 import apiConfig from './config'; let Api = { // 定义API的基本域名 domain: process.env.URL, // 图片的基础URL imgUrl: proce 阅读全文

摘要：完整的代码, 可以复制引用 功能开关的组件, 左右开关 <template> <div> <div> <!-- 切换面板，通过点击事件来改变flag的值 --> <div class="switch-panel" @click="toggleFlag" :class="{'switch-left': 阅读全文

摘要：完整的代码, 可以复制引用 自定义单选框的组件 <div> <div> <!-- 按钮用于切换显示和隐藏性别选择 --> <button @click="show=!show">show</button> <!-- 使用Vue的transition组件实现动画效果 --> <transition n 阅读全文

摘要：Node.js安装 安装node.js 引入jQuery var $ = require('jquery'); window.$ = $; Vue CLI 安装与项目初始化 安装vue-cli npm install -g vue-cli vue init webpack 文件夹名 在安装文件夹下n 阅读全文

摘要：完整的代码, 可以复制引用 单个组件引用，引入此文件js。全局使用，注册到vue的main文件Vue.prototype.create = Create create.js import Vue from 'vue'; import Toast from './toast'; // 导入Toast组 阅读全文

摘要：<!-- 插槽组件 --> <section class="hello"> <!-- 默认插槽，如果在使用组件时没有提供内容，将显示"Welcome" --> <slot>Welcome</slot> <!-- 具名插槽，名为"content"。这意味着当使用组件时，可以为这个插槽提供特定的内容 - 阅读全文

摘要：// 祖先组件 <script> export default { name: 'App', // 通过provide方法，祖先组件向其所有后代组件提供了数据或方法 provide () { return { // 这里我们提供了foo，它的值是zmsg的值 foo: this.zmsg } }, 阅读全文

摘要：取消Axios请求 在发送第二次请求时，如果第一次请求还未返回，则取消第一次请求。这样可以确保后发的请求返回的数据不会被先发送的请求覆盖。 第一步: 使用Axios取消请求 const CancelToken = axios.CancelToken; let cancel; axios.get('/ 阅读全文