Vue2中vue-router报错：解决报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘) 出现该情况的原因是vue-router安装的版本太高，一般vue2的项目对应的版本是vue-router@3版本 ①在控制...

Vuex的基本使用： 1、初始化数据 state，配置actions、mutations，操作文件store.js 2、组件中读取 vuex 中的数据 $store.state.数据 3、组件中修改 vuex 中的数据 $store.dispatch('action中的方法名', 数据) 或 $store.commit('大...

[vuex] must call Vue.use(Vuex) before creating a store instance. 2、问题原因 在创建store的时候、要先声明使用vuex。就是先后问题、使用顺序出现问题 3、错误代码还原 注意：在main.js中调整Vue.use(Vuex)和import store ...

官方文档：https://v2.cn.vuejs.org/v2/guide/components-slots.html vue中有3种插槽 1、默认插槽 <slot></slot> 2、具名插槽 <slot name="名称"></slot> 3、作用域插槽 <slot...

Vue github案例，全局事件总线，pubsub-js消息订阅与发布 效果图： 网上找到一篇详细的文章，记录一下：https://blog.csdn.net/m0_53022813/article/details/127418134 以下代码是成品，包含全局事件总线和pubsub-js消息订阅与发布两种方...

vue中使用animate.css 官网：https://animate.style/ 安装： npm install animate.css --save 或者 npm i animae.css main.js引入样式 import animated from 'animate.css...

案例的效果如下   一、组件化编码流程：         (1).拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突。         (2).实现动态组件：考虑好数据的存放位置，数据是一个组件在用，还是一些组件在用： ...

明白什么原因了： item单独一个组件，里面只有一个input，可以绑定属性ref="inputTitle" 这样可以直接 this.$nextTick(function(){ this.$refs.inputTitle.focus() }) 而我是list和item是同一个组件，所以会有多个input框...

VUE 卸载插件 1、安装插件 npm install --save qrcode 2、卸载插件 npm uninstall qrcode

1、组件间通信：消息的订阅与发布（PubSub.js） 使用PubSub可以在Vue任意组件间进行传值，无需要进行中间层层传递。 安装：npm install --save pubsub-js 或者 npm i pubsub-js 2、消息的发布。 首先是组件发布消息，发布另一个页面需要的data。 语法：PubSub.p...

前言 在一些场景下，如果没有服务器的支持，需要自己随机生成一些信息 比如id，虽然可以自己制造生成规则，不过一般可以借助第三方工具生成，比如uuid，但是uuid库比较大，而且生成的id比较长，所以有一个简化版本的叫nanoid,使用起来也比较方便下面就去安装使用它 安装 打开终端，输入npm i nanoid...

Vue练习：Uncaught SyntaxError: Cannot use import statement outside a module 在.html文件中引入vue组件，报错 报错是正常的，.vue文件需要在脚手架vue-cli中才能正常使用

vue在v-html指令时如何使用过滤器 // html <div class="word" v-html="$options.filters.filters2(item.news_content)"></div> // script filters: { filters2: function (...

vue项目，1:1  error  The template requires child element  vue/valid-template-root vue必须要有一个根节点，在<template></template>里面添加一对<div>标签就好了！！...

在项目根目录下新建config.js文件 vue.config.js 配置 module.exports = { devServer: { port: 8080, proxy: { // 要走第二個服務器的URL 的寫法 : /api + 远程机器的path ...

Vue在路由切换的时候会销毁旧路由。 我们在三级列表全局组件TypeNav中的mounted进行了请求一次商品分类列表数据。 由于Vue在路由切换的时候会销毁旧路由，当我们再次使用三级列表全局组件时还会发一次请求。 如下图所示：当我们在包含三级列表全局组件的不同组件之间进行切换时，都会进行一次信息请求。 ...