乐胖代购免代理版

欢迎

vue知识点总结（持续更新）

以下代码公共样式属性<style> .hidden { display: none; } .show { display: block; } .jz { display: flex; flex-direction: column; justify-conten...

vue.js

html

javascript

事件冒泡

百度

原创 2022-10-13 17:10:57 42 阅读

vue-router的实例方法详解

三个全局导航守卫router.beforeEach router.beforeResolve router.afterEach编程式路由导航router.push router.replace router.go router.back router.forward

系统

原创 2022-10-13 17:10:55 65 阅读

vue面试题大全（持续更新）

什么是MVVM？ MVVM详解 mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？ mvc和mvvm其实区别并不大。都是一种

数据

生命周期

html

原创 2022-10-13 17:10:42 112 阅读

vue之图片上传组件封装

代码已上传至githubgithub代码地址：https://github.com/Miofly/mio.git使用方法<template> <view class="bg-white"> <upLoadImgSingle ref="uploadImg"></upLoadImgSingle> <button @tap="s...

github

上传

git

原创 2022-10-13 17:07:14 120 阅读

vue封装时间类函数方法大全

root.jsexport default { // 数字不满10补0 addZero (str) { let num str >= 10 ? num = str : num = `0${str}` return num }}import root from './root'const DAY_...

时间格式化

原创 2022-10-13 17:07:00 285 阅读

vscode识别defineProps报错Default export of the module has or is using private name ‘Props‘

vscode识别defineProps报错

vue

解决方法

json

原创 2022-10-13 17:06:52 1199 阅读

vue-cli3项目出现跨域的解决方法

使用vue-cli3搭建脚手架时，没有以前的webpack配置文件，一些配置列如跨域，alias无法配置，这时候在项目目录下新建一个vue.co

跨域

json

配置文件

原创 2022-10-13 17:06:17 89 阅读

vue inspect查看项目的webpack配置

开发环境：npx vue-cli-service inspect --mode development >> webpack.config.development.js生产环境：npx vue-cli-service inspe

生产环境

开发环境

原创 2022-10-13 17:05:10 176 阅读

$vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1,因为在此系统禁止运行脚本$

vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1,因为在此系统禁止运行脚本

set-ExecutionPolicy RemoteSigned 选择Y

Java

原创 2022-10-13 17:03:09 346 阅读

vue及原生html实现列表无缝上下滚动，以及单行滚动

vue版本npm i vue-seamless-scroll -S<template> <vue-seamless-scroll :data

无缝滚动

html

原创 2022-10-13 17:02:10 830 阅读

vue监听用户离开页面并根据离开次数设置判断-可用于微信浏览器

代码已上传至githubgithub代码地址：https://github.com/Miofly/mio.git动画效

动画效果

github

git

原创 2022-10-13 17:02:04 149 阅读

Uncaught Error: Redirected when going from “/“ to “/“

Uncaught Error: Redirected when going from “/" to "/”this.$router.push({path: this.redirect || ‘/’,query: this.otherQuery}).catch(()=>{})

其它

原创 2022-10-13 17:01:52 474 阅读

do while循环详解

do...while语句创建一个执行指定语句的循环，直到condition值为false。在执行statement后检测condition，所以指定的statement至少执行一次。

javascript

原创 2022-10-13 17:00:15 103 阅读

vue import文件时@用法详解以及使用@后支持文件快速定位

如图所示，引入PropsDemo.vue组件的时候，可以使用下列两种方法，而没有使用./或者../这种相对路径的写法import PropsDemo from '@/components/common/test/PropsDemo'import PropsDemo from '@testCp/PropsDemo'具体实现方法：找到webpack.base.conf.js配置文件...

配置文件

相对路径

查找文件

原创 2022-10-13 17:00:12 609 阅读

关于vue打包性能优化（后续更新）

不断更新优化

html

analyzer

bundle

原创 2022-10-13 16:59:57 128 阅读

vue之列表过滤与列表排序

<template> <div class="jz"> <div> <input type="text" v-model="searchName"> <ul> <li style="font-size: 16px" v-for...

vue

升序

数组

数据

原创 2022-10-13 16:59:15 82 阅读

vue之v-for列表循环，数组更新检测的变异方法详解

1.v-for遍历循环对象与数组2.vue数组更新检测变异方法举例<template> <div class="jz"> <div> <h2>遍历数组</h2> <ul> <li style="font-si...

vue.js

javascript

css

数组

遍历数组

原创 2022-10-13 16:59:04 161 阅读

vue之style与class样式绑定

class绑定有三种：直接绑定一个class类名，数组，对象style的绑定形式：1.{color: wzys, fontSize: fs + 'px'} 2.:style="[obj, obj1]"。具体实例如下。<template> <div class="jz"> <div class="subJz"> ...

类名

数组

原创 2022-10-13 16:58:56 77 阅读

vue之v-show与v-if区别

相同点：v-if与v-show都可以动态控制dom元素显示隐藏区别（1）手段：v-if是动态的向DOM树内添加或者删除DOM元素；v-show是通过设置DOM元素的display样式属性控制显隐；（2）编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-show只是简单的基于css切换；（3）编译条件：v-if是惰性的，如果初始条...

css

缓存

显示隐藏

原创 2022-10-13 16:58:52 64 阅读

vue之单页面设置height：100%无效解决方法

在App.vue文件的style中添加如下代码：<style> html,body,#app{ height: 100%; }</style>原因：设置高度100%时，div的高度会等同于其父元素的高度。而上面中id为app的div（vue挂载的div）的父节点是body标签，body标签的父节点是html标签。在默认情况下htm...

html

父节点

html标签

原创 2022-10-13 16:58:46 522 阅读

vue之mvvm的理解

MVVM是什么：mvvm是Model-View-ViewModel的缩写，即模型-视图-视图模型。Model：数据模型，后端传递的数据。 View：代表 UI 组件，它负责将数据模型转化成 UI 展现出来 ViewModel：是一个同步View 和 Model的对象。MVVM模式的核心，它是连接Model和View的桥梁。为什么需要MVVM:前端开发中暴露出了三个痛点问题：...

数据

开发者

数据模型

原创 2022-10-13 16:58:42 101 阅读

vue之vue生命周期详解，以及created和mounted区别

Vue实例有一个完整的生命周期，也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程，我们成为Vue 实例的生命周期，钩子就是在某个阶段给你一个做某些处理的机会。每一个组件或者实例都会经历一个完整的生命周期，总共分为三个阶段：初始化、运行中、销毁。实例、组件通过new Vue() 创建出来之后会初始化事件和生命周期，此时就会进入组件的创建过程，开始执行be...

数据

初始化

钩子函数

原创 2022-10-13 16:58:33 649 阅读

Vue-router 中hash模式和history模式的不同

在vue的路由配置中有mode选项最直观的区别就是在url中 hash 带了一个很丑的 # 而history是没有#的mode:"hash";// 默认mode:"

历史记录

路由配置

加载

原创 2022-10-13 16:58:03 60 阅读

vue-router完整的导航解析流程以及导航守卫详解

什么是导航守卫vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。通俗点讲就是一个拦截器。导航守

执行顺序

复用

路由配置

原创 2022-10-13 16:58:02 857 阅读 1点赞

vue之watch详解

什么是watch？一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象。Vue

vue.js

javascript

node.js

属性值

数据

原创 2022-10-13 16:57:57 62 阅读

vue-router编程式的导航

什么是编程式的导航除了使用<router-link>创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。router.push(location, onComplete?, onAbort?)注意：在 Vue 实例内部，你可以通过$router访问路由实例。因此你可以调用this.$router.push。想要导航到不同...

带参数

html

实例方法

原创 2022-10-13 16:57:49 74 阅读

vue-router如何响应路由参数的变化

什么是路由参数的变化当使用路由参数时，例如从/user/foo导航到/user/bar，原来的组件实例会被复用。因为两个路由都渲

复用

当前页

回调方法

原创 2022-10-13 16:57:46 153 阅读

vue动态路由匹配

什么是动态路由匹配我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。例如，我们有一个User组件，对于所

复用

路由配置

模式匹配

原创 2022-10-13 16:57:43 142 阅读

vue路由懒加载及组件懒加载

为什么要使用路由懒加载为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。定义懒加载简单来说就是延迟加载或按需加载

懒加载

加载

按需加载

原创 2022-10-13 16:57:41 899 阅读

vue子组件传值到父组件$emit

功能：子组件为一个switch开关，通过switch的开关来控制父组件div的背景颜色以下为示例代码：子组件代码：<template> <div>  <i-switch @on-change="setCard" v-model="menuCards"...

示例代码

值传递

背景颜色

原创 2022-10-13 16:57:27 184 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

13018258

欢迎

vue知识点总结（持续更新）

vue-router的实例方法详解

vue面试题大全（持续更新）

vue之图片上传组件封装

vue封装时间类函数方法大全

vscode识别defineProps报错Default export of the module has or is using private name ‘Props‘

vue-cli3项目出现跨域的解决方法

vue inspect查看项目的webpack配置

vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1,因为在此系统禁止运行脚本

vue及原生html实现列表无缝上下滚动，以及单行滚动

vue监听用户离开页面并根据离开次数设置判断-可用于微信浏览器

Uncaught Error: Redirected when going from “/“ to “/“

do while循环详解

vue import文件时@用法详解以及使用@后支持文件快速定位

关于vue打包性能优化（后续更新）

vue之列表过滤与列表排序

vue之v-for列表循环，数组更新检测的变异方法详解

vue之style与class样式绑定

vue之v-show与v-if区别

vue之单页面设置height：100%无效解决方法

vue之mvvm的理解

vue之vue生命周期详解，以及created和mounted区别

Vue-router 中hash模式和history模式的不同

vue-router完整的导航解析流程以及导航守卫详解

vue之watch详解

vue-router编程式的导航

vue-router如何响应路由参数的变化

vue动态路由匹配

vue路由懒加载及组件懒加载

vue子组件传值到父组件$emit