乐胖代购免代理版

vue.js与其他框架的区别

相信很多读者都有其他框架的学习经验，但学的多了难免会混淆，现在我以对比的方式介绍一下啊vue与其他框架的区别。与AngularJS的区别Augular来自Google，是目前最火的框架之一

VUE教程

VUE

原创 2021-06-07 17:22:52 910 阅读

vue-router实现原理浅析

vue-router 使用详情vue-router实现原理SPA(single page application):单一页面应用程序，只有一个完整的页面；它在加载页面时，不会加载整个页面，而是只更新某个指定的容器中内容

VUE教程

VUE

原创推荐 2021-06-07 17:21:21 6127 阅读

mpvue 报错 Expected indentation of 2 spaces but found 4解决办法

当 mpvue 出现 Expected indentation of 2 spaces but found 4 类似报错的时候是因为开启了默认开启了 eslint 验证，它对 JS 中进行了缩进检查缩。解决方案就是，打开项目目录下的 build/webpack.base.conf.js，将其中的配置项暂时注释即可。注意：⚠️ 注释之后一定要重启项目，否则配置不会生效。...

VUE教程

Vue

原创 2021-06-07 17:19:54 2428 阅读

vue-router使用详情

vue-router实现原理SPA(single page application):单一页面应用程序，只有一个完整的页面；它在加载页面时，不会加载整个页面，而是只更新某个指定的容器中内容。单页面应用(SPA)的核心之一是:更新视图而不重新请求页面;vue-router在实现单页面前端路由时，提供了两种方式：Hash模式和History模式。1、hash模式随着 ajax 的流行，异步数据请...

VUE教程

Vue

转载 2021-06-07 17:19:36 461 阅读

VUE 原理性知识问答（基础到进阶含 vue3.0）

基础篇Q：说说你对MVVM的理解A：Model-View-ViewModel的缩写，Model代表数据模型，View代表UI组件,ViewModel将Model和View关联起来数据会绑定到viewModel层并自动将数据渲染到页面中，视图变化的时候会通知viewModel层更新数据。Q：Vue2.x响应式数据/双向绑定原理A：Vue 数据双向绑定主要是指：数据变化更新视图，视图变化更新数据。其中，View变化更新Data，可以通过事件监听的方式来实现，所以 Vue数据双向绑定的工作主要是如何根据

VUE教程

Vue

转载 2021-06-07 17:19:35 310 阅读

mpvue入门教程梳理

简介名称由来：mpvue：Vue.js in mini programmpvue 是一个使用 Vue.js 开发小程序的前端框架。基于 vue.js 的核心，修改了 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 vue.js 开发体验。美团工程师推出的基于Vue.js封装的用于开发小程序的框架融合了原生小程序和Vue.js的特点可...

VUE教程

Vue

原创 2021-06-07 17:18:35 233 阅读

使用 vue生成4位随机数

项目要求实现的是人脸识别，录制读取验证码，这一步先获取验证码。因为是新入行的小白，现在记录下获取 4 位数相关代码：<template> <div> <p class="title">{{ msg }}</p> <p class="code">{{ code }}</p> </div&g...

VUE教程

Vue

原创 2021-06-07 17:18:34 6249 阅读

vue.js基础之过滤器分类及使用

1. 介绍过滤器本质上就是函数，作用在于用户输入数据后进行处理并返回一个结果。使用管道符（｜）连接。分类内置过滤器实例：{{'abc' | uppercase}} //'abc' => 'ABC'这里使用了内置过滤器 uppercase ，将字符串改为大写。自定义过滤器特点支持链式调用高内聚低耦合方便数据处理，获取想要的数据格式2.内置过滤器字母操作capitalize 、 uppercase 、 lowercase 用于处理英文字符，且仅对英文字符串使

VUE教程

Vue

原创 2021-06-07 17:18:32 537 阅读

mpvue 中使用 axios 详解

简介美团出品的 mpvue 是基于 vue 的多端小程序开源框架，可以用来开发微信（wx）、支付宝（my）、百度（swan）、头条（tt）的小程序。今天主要说的是在微信小程序端封装 axios 函数。对于数据请求，微信官方有相关的数据请求模块，只是如果我们在大量使用的时候会产生冗余代码，为了使用方便，减少代码量，我们推荐自己封装请求函数。很多人说mpvue不支持axios插件，（主要是某些教育机构的讲师，如果不知道请不要妄下结论，容易误导新手），只能使用fly.js进行请求。其实mpvue是可以用 a

VUE教程

Vue

原创 2021-06-07 17:18:31 494 阅读

vue.js基础之过滤器详解

过滤器介绍过滤器本质上就是函数，作用在于用户输入数据后进行处理并返回一个结果。使用管道符（｜）连接。分类内置过滤器实例：{{'abc' | uppercase}} //'abc' => 'ABC'这里使用了内置过滤器 uppercase ，将字符串改为大写。自定义过滤器特点支持链式调用高内聚低耦合方便数据处理，获取想要的数据格式内置过滤器[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wNI8lqc8-159118235636

VUE教程

Vue

原创推荐 2021-06-07 17:18:30 1428 阅读

【vue 实战】登录/退出实现原理

登录功能实现路由导航守卫控制访问权限如果用户没有登录，但是直接通过 URL 访问特定页面，需要更新导航到登录页面。//为路由对象添加 beforeEach 导航守卫router.beforeEach((to, from, next) => { //如果用户访问的是登录页，则直接放行 if (to.path === '/login') return next() //从 sessionStorage 中获取到保存的 token 值 const tokenStr = window.sess

VUE教程

Vue

原创 2021-06-07 17:18:29 1892 阅读

mpvue小程序报错：cannot read property ‘init‘of undefined

原因产生这种现象的原因就是我们在新添加某些页面的时候为了图省事、方便，直接到文件夹中复制、粘贴、改文件名。通过这种方式创建页面就有很大几率报错。解决方案：如下图所示找到项目的文件夹中的 dist 目录并将其整个删掉，删除成功后重新使用 npm run dev 运行代码，这样报错就能消失。第二个报错：Error: 未找到入口 sitemap.json 文件，或者文件读取失败，请检查后重新编译。在 dist 文件下新建 sitemap.json 文件，复制以下配置：{ "rules"

VUE教程

Vue

原创 2021-06-07 17:18:28 237 阅读

【vue】render 函数如何在iview的表格中循环渲染

ivue组件Table不能在标签上用v-for，以下是通过百度之后自己实现的方法：...// 省略不重要的代码render: (h, params) => { let arr = params.row.groupColor; return h( "div", { style: { display: "flex", alignItems: "center", just

VUE教程

Vue

原创 2021-06-07 17:18:27 1666 阅读

vue 实现12个月的平铺式日历插件

实现的基本样式如下：使用方法1、安装插件npm install vue-material-year-calendar --save2、导入插件import YearCalendar from 'vue-material-year-calendar'3、代码实现<template> <YearCalendar v-model="year" :activeDates.sync="activeDates" @toggleDate="toggleDa

VUE教程

Vue

原创 2021-06-07 17:18:25 3353 阅读

vue 中后台管理系统的权限管理实现逻辑记录

公司的后台系统中有这样一个功能，不同的用户可以访问不同的内容，也就是每个用户的权限不同，即角色的权限管理。感觉这个功能很有价值，所以自己调研了一下，把这个功能的实现方法记录下来，以备不时之需。场景重现：现有一个后台管理系统，共存在两种类型的人员①超级管理员（称作admin），②普通用户（称作editor）每种类型的人看到的操作栏并不一样，可以进行的操作也不尽相同，于是就需要程序处理一下各个权限问题。具体实现思路1 创建vue实例的时候将vue-router挂载，但这个时候vue-router

VUE教程

Vue

原创 2021-06-07 17:18:24 1547 阅读

vue-draggable 实现拖拽效果的使用方法

Vue.Draggable是一款基于Sortable.js实现的vue拖拽插件。支持移动设备、拖拽和选择文本、智能滚动，可以在不同列表间拖拽、不依赖jQuery为基础、vue 2过渡动画兼容、支持撤销操作，总之是一款非常优秀的vue拖拽组件。本篇将介绍如何搭建环境及简单的例子，使用起来特别简单对被拖拽元素也没有CSS样式的特殊要求。官方网站地址安装方式yarn add vuedraggablenpm i -S vuedraggable属性说明属性名称说明group:gro

VUE教程

Vue

原创 2021-06-07 17:18:23 4250 阅读

在 vue 中使用 echarts 的详细步骤

年龄大了，果然脑力是跟不上了，这个图表已经用过几次了，每次还是或多或少的出现问题，现在把 echarts 在 vue 中的详细使用步骤记录下来，以备不时之需吧。echarts 图表绘制的思路是：1 获取一个有宽高的 DOM 元素 -->2 初始化echarts实例(echarts.init) -->3 指定图表的配置项和数据(option) -->4 使用刚指定的配置项和数据显示图表(setOption(option))1、安装npm install echarts -

VUE教程

Vue

原创 2021-06-07 17:18:22 3591 阅读

vue-cli 脚手架安装 scss 的具体步骤

（1）vue-cli 2系列创建 vue 项目vue init webpack myProject （2）npm 安装 sass 依赖包npm install sass-loader node-sass --save-dev（3）修改配置在build文件夹下的webpack.base.conf.js的rules里面添加配置： { test: /\.scss$/, loaders: ['style', 'css', 'sass'] }（4）使用使用scs

VUE教程

Vue

原创 2021-06-07 17:18:21 2175 阅读

使用 vue-cli 脚手架搭建项目，如何设置 scss 全局样式

使用vue-cli模板创建新项目：vue init webpack myvue这里使用的是 vue-cli 2.0配置流程：1、先安装sacc依赖npm install sass-loader --save-devnpm install node-sass --sava-dev2、找到配置文件 utils.js文件位于根目录下 /build/utils.js3、找到配置项：scss: generateLoaders(‘sass’)把它替换成如下代码并保存就可以了：scss: g

VUE教程

Vue

原创 2021-06-07 17:18:20 221 阅读

解决 vue 项目在 ie 下打开一片空白的问题

问题描述：vue项目运行后，在IE浏览器打开，页面为空白。分析问题成因Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象，以及一些定义在全局对象上的方法（比如Object.assign）都不会转码。举例来说，ES6在Array对象上新增了Array.from方法。Babel就不会转码这个方法。如果想让这个方法运行，必须使用babel-pol

VUE教程

Vue

原创 2021-06-07 17:18:19 1498 阅读

vue-cli 4.x 中使用 sass 的一些坑

原来用的少不知道，最近新搭建的项目，使用了各种版本的 vue ,每次导入 sass 都会出现问题，也是让我醉了。这一次是因为公司使用了 vue/cli 4.x 搭建的项目，我安装 sass 以后因为配置的问题让我的项目死活起不来，在网上找了各种改善方法都无效。最终让我试出来了，简直太不容易了，希望在网上发帖的伙伴们遇到问题一定要把查到的方法试过以后发现真的有用再转发，不要对其他人造成误导啊。都是学习工，不容易啊，搜到的每一篇帖子都是精华才好。报错信息看到这种报错第一反应肯定是配置的问题，我搜到的错误配

VUE教程

Vue

原创 2021-06-07 17:18:18 1068 阅读

vscode中vue项目 template注释错误的问题

在vue项目中的template中注释为 js 的注释方法，解决办法为在 setting.json中加入以下代码 "files.associations": { "*.vue": "html" }

VUE教程

Vue

原创 2021-06-07 17:18:17 2230 阅读

vue生命周期的快速记忆方法

概念从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件统称为生命周期。而生命周期中的各种事件被称为生命周期钩子函数。创建期间的生命周期函数：beforeCreate：在实例初始化时同步调用。此时数据观测、事件等都尚未初始化。created：在实例创建之后调用。此时已完成数据绑定，事件方法，但尚未开始DOM编译，即未挂载到documentbeforeMount: 此时已...

VUE教程

Vue

原创 2021-06-07 17:16:37 326 阅读

vue.cli配置选项，以防忘记，故此记录

vue-cli2和3的config不相同，vue-cli3更加简洁了而已，vue.config.js是自己根据自己的需求新建的文件，开始时是没有的。在根目录下新建vue.config.jsmodule.exports = { // 基本路径 baseURL已经过时 publicPath: './', // 输出文件目录 outputDir: 'dist', // esl...

VUE教程

Vue

原创 2021-06-07 17:16:35 425 阅读

vue-awesome-swiper轮播图实现

快速便捷的轮播图vue插件，没有赘述多余介绍，直接上步骤。组件安装npm install vue-awesome-swiper --save组件中引入import 'swiper/dist/css/swiper.css';import { swiper,swiperSlide} from 'vue-awesome-swiper';选项export default { nam...

VUE教程

Vue

原创精选 2021-06-07 17:16:34 1352 阅读

vue调试工具：vue-devtools安装及使用方法

本文主要介绍 vue的调试工具 vue-devtools 的安装和使用。工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧。1.到github下载：https://github.com/vuejs/vue-devtools2.在vue-devtools目录下安装依赖包：cmd中打开刚刚克隆文件的目录下：（比如我的：F:codevuevue-dev...

VUE教程

Vue

原创 2021-06-07 17:16:33 715 阅读

vue.config.js 配置说明详解

module.exports = { /* 部署生产环境和开发环境下的URL：可对当前环境进行区分，baseUrl 从 Vue CLI 3.3 起已弃用，要使用publicPath */ /* baseUrl: process.env.NODE_ENV === 'production' ? './' : '/' */ publicPath: process.env.NOD...

VUE教程

Vue

原创 2021-06-07 17:16:32 1394 阅读

vue面试题及答案整理

1.vue 与 react 的异同相同点：都支持组件化与虚拟DOM都支持 props 进行父子组件通信都支持数据驱动视图，不支持操作真实DOM，更新状态视图自动更新都支持服务器端渲染不同点：设计思想不同，vue 是MVVM，react 是 MVCvue 数据双向绑定，react数据单向绑定组件写法不同。react 推荐 jsx 写法，即把 html与css 都写进 js;...

VUE教程

Vue

原创 2021-06-07 17:16:31 909 阅读

JS函数作用域及作用域链理解

JS函数作用域及作用域链理解从事web开发工作，难免会对客户端语言JavaScript一些概念有些似懂非懂的，甚至仅停留在实现功能的层面上，接下来的文章，是记录我对JavaScript的一些概念的理解。变量作用域在JavaScript中全局变量的作用域比较简单，它的作用域是全局的，在代码的任何地方都是有定义的。然而函数的参数和局部变量只在函数体内有定义。另外局部变量的优先级要高于同名的全局变...

JS教程

网页开发

原创 2021-06-07 17:13:59 603 阅读

JS 垃圾回收机制解析

概述JS是一门具有自动垃圾回收机制的语言，开发人员不必关心内存分配和回收问题。JS的垃圾回收机制是为了以防内存泄漏，内存泄漏的含义就是当已经不需要某块内存时这块内存还存在着，垃圾回收机制就是间歇的不定期的寻找到不再使用的变量，并释放掉它们所指向的内存。JS 垃圾回收方式JS执行环境中的垃圾回收器怎样才能检测哪块内存可以被回收有两种方式：标记清除（mark and sweep）、引用计数(reference counting)。标记清除大部分浏览器以此方式进行垃圾回收，当变量进入执行环境（函数中声

JS教程

网页开发

原创 2021-06-07 17:13:58 1016 阅读

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

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

51CTO博客

wx5e8a94aa0d14f的博客

vue.js与其他框架的区别

vue-router实现原理浅析

mpvue 报错 Expected indentation of 2 spaces but found 4解决办法

vue-router使用详情

VUE 原理性知识问答（基础到进阶含 vue3.0）

mpvue入门教程梳理

使用 vue生成4位随机数

vue.js基础之过滤器分类及使用

mpvue 中使用 axios 详解

vue.js基础之过滤器详解

【vue 实战】登录/退出实现原理

mpvue小程序报错：cannot read property ‘init‘of undefined

【vue】render 函数如何在iview的表格中循环渲染

vue 实现12个月的平铺式日历插件

vue 中后台管理系统的权限管理实现逻辑记录

vue-draggable 实现拖拽效果的使用方法

在 vue 中使用 echarts 的详细步骤

vue-cli 脚手架安装 scss 的具体步骤

使用 vue-cli 脚手架搭建项目，如何设置 scss 全局样式

解决 vue 项目在 ie 下打开一片空白的问题

vue-cli 4.x 中使用 sass 的一些坑

vscode中vue项目 template注释错误的问题

vue生命周期的快速记忆方法

vue.cli配置选项，以防忘记，故此记录

vue-awesome-swiper轮播图实现

vue调试工具：vue-devtools安装及使用方法

vue.config.js 配置说明详解

vue面试题及答案整理

JS函数作用域及作用域链理解

JS 垃圾回收机制解析

欢迎