vue

methods: { getIndex() { //头部导航样式设置：利用wacth监听，当路由发生变化 执行watch中的方法 if(this.$store.state.numStatus == 1){ //账号设置 跳至我的 this.activeclass = 4; }else if(this.$store.state.numStatus == 2){ //退出系统 跳至首页 this.ac…

1.安装vux npm install vux -- save 2.安装vux-loader npm intall vux-loader --save-dev 3.安装less-loader（正确编译less源码，否则会报'cannot GET'错误） npm install less less-loader --save-dev 4.安装yaml-loader （以正确的语言文件读取） npm …

一、模板语法 1.插值语法：双大括号表达式：{ { }} 功能：用于解析文本内容 语法：{ {xxx}}，xxx会作为 js表达式 来进行解析 2.指令语法：以v-开头 功能：解析标签属性、解析标签体内容、绑定事件 语法：v-xxx=“yyy”，xxx为vue中的指令，yyy作为 js表达式 解析 二、数据绑定 1.MVVM模型 M：模型(Model) ：对应 data 中的数据 V：视图(Vie…

第一种： actions.js getters.js index.js mutations.js state.js 官网文档普遍使用这种，刚上使用这种 第二种： action.js getters.js index.js mutation-types.js mutations.js 这种在mutation-types.js中定义好mutations.js的方法名，方便管理，state.js的状态就…

使用前端路由时，代码无误，但是页面不显示任何东西，控制台报错： Cannot destructure property ‘options’ of ‘(0 , vue__WEBPACK_IMPORTED_MODULE_1__.inject)(…)’ as it is undefined. 解决： step1： 删掉下图所示目录node_modules（需要管理员身份） step2 运行命令npm i…

效果图 我是点击后让他出现loading效果。 上代码 <template> <div> <!-- 重点就是这一句话，v-loading,加在你需要效果的标签上就行了， 他会自动在你的容器中间出现一层遮罩层并有个转圈的样式 --> <div v-loading="show" @click="change" style="height:200px;width…

前言 项目将数据与应用混在一起，不利于对系统进行维护。可以考虑如下场景： 1、希望通过 CDN 加速来提高图片资源的访问速度 2、服务器存储满了，需要多图片等文件资源做迁移，但是服务不能中断，域名不能变化 … 通过数应分离思想，就可以解决以上问题。 几乎所有系统都会涉及到图片、视频等资源的上传和管理；项目中使用存储图片、视频的云存储 数应分离后，可以将图片等文件资源独立出来，存储到云端。常见的云有…

问题 使用 ref 的性能警告 代码如下 <template> <div> <component :is="currentTabComponent"></component> </div> </template> <script setup> import { ref,shallowRef } from "vue"…

1. 列表过滤 运用了Vue实例化的 computed （计算属性） 例子： <div id="test"> <input type="text" v-model='searchName'> <ul> <li v-for= "(p,index) in filterP":key="index"> {{index}}--{{p.name}}--{{p.a…

configureWebpack 与 chainWebpack configureWebpack 该对象将会被 webpack-merge 合并入最终的 webpack 配置。 如果你需要基于环境有条件地配置行为，或者想要直接修改配置，那就换成一个函数 (该函数会在环境变量被设置之后懒执行)。该方法的第一个参数会收到已经解析好的配置。在函数内，你可以直接修改配置，或者返回一个将会被合并的对象： 对…