<style scoped>.swiper-pagination-bullets  >>> .swiper-pagination-bullet-active {  background: orange;}/* >>> 在vue中有穿透的作用 */

  <script>import { mapState } from "vuex";export default {data() {    return {      PlayList: ""     };  },computed: {    ...mapState(["Playname...

hooks：钩子函数；在某个时间点运行的函数。实例被创建：在new Vue或者<comp />情况下beforeCreate: 不能获取this.xx; 还没有注入，注入：data，props，methods, computed...提取到组件实例上，created：在生成虚拟dom前，...

插槽插槽的基本作用和props一样，都是组件间传递数据的。       只是插槽更加灵活，props只能针对某些特定的数据类型传值。而插槽可以接受任何数据。具体内容由父组件决定。  用法      子组件用<slot>占位。父组件将具体内容写在引入的插槽组件中间，中间内容会自动添加到子组...

1 》 npm install -g @vue/cli  安装 vue cli32 》 npm uninstall vue-cli -g  卸载  vue cli33 》 vue create  项目名称   直接命令行创建接下来会问你选择那种配置（会显示所有保存过的配置，首次使用只会显示 defa...

文档：https://cn.vuejs.org/v2/guide/custom-directive.html注册指令：注册与component注册完全一样：全局注册：Vue.directive(name,function | object) //object是配置对象，function将会被 `bi...

前后端分离的开发方式，造成了前端必须提前自己造假数据，并且来使用代理请求配置vue-cli的服务器代理开发阶段，需要在localhost：8080的devserver，到某个服务器来获取数据，比如，我自己用express写的localhost：3000;鉴于浏览器的同源策略阻拦，必须配置代理在根目录...

使用css module在vue-cli项目中，将文件命名为xx.module.yy; xx为文件名，yy为后缀名；可以是css，less；这样，在js文件中就能直接//message.module.less@import url('./var.less');message{ .center();...

   <template>  <div class="recommend">    <!--  -->    <van-loading v-show="isshow" />    <van-list v-model="loading" :fini...

表单验证详解<template><!-- 第一个坑:model="formState.youForm" 一定要写成这样不要写成:model="formState":labelCol="{ style: ' 100px' }" 控制labe显示宽度useSlectValue 是一个字...

<template> <a-table :columns="columns" :data-source="data" :row-selection="rowSelection" /></template><...

<template> <a-tree-select v-model:value="value" style=" 320px" :tree-data="treeData" allow-clear @select="selectHnader" se...

场景描述今天遇见一个问题, tableAllFun 函数中写了一个 index=1;然后在 otherAllFun 函数中去改变这个index=2的值奇怪的事情发生了在视图index展示的值是2;但是在打印的时候index=1我就是觉得很奇怪代码<template> <div...

什么是插槽，它是vue提出的一个概念，插槽用于决定将所携带的内容，插入到指定的某个位置，使得模块分块，具有模块化特质。插槽就是Vue实现的一套内容分发的API，将<slot></slot>元素作为承载分发内容的出口。1.默认插槽正常来说我们在组件里编写东西，在组件内是不展示的...

转载  https://www.jb51.net/article/117622.htm 这篇文章主要介绍了详解使用vue实现tab操作,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧 在使用jQuery类库实现tab功能时，是获取鼠标在mousenter或click时的i...

组件的定义注册效果：方法一： <div id="box"> <v-header></v-header> <hr /> <br /> {{n...

服务端SpringBoot2.x   ：localhost:8082前端Vue2.x                 ：localhost:81前后端的端口号不同，为跨域，导致前端访问后端时，每次访问都新生产一个sessionID。解决如下：后端：package com.nsoft.gkzp.sys...

上传文件1.通过Xftp将vue项目文件上传至云服务器；由于node_modules这个依赖包体积较大，上传较慢，上传时跳过，在云服务器上重新进行npm install安装依赖包即可；2.也可通过git clone从github上克隆项目（首先需要安装git）3.打开xshell，进入到vue项目所...

参考文档：https://juejin.im/post/59bb864b5188257e7a427c09一、配置1.安装依赖：npm install svg-sprite-loader --save-dev2.配置build文件夹中的webpack.base.conf.js，主要在两个地方添加代码，...

由于业务需要，要求实现树形菜单，且菜单数据由后台返回，在网上找了几篇文章，看下来总算有了解决办法。借鉴文章链接在最底部。场景：根据业务要求，需要实现活动的树形菜单，菜单数据由后台返回，最后的效果图如下：后台返回的数据格式是这个样子的：data=[{ pI...