vue-个人杂记第10页

Vue-移动端适配rem、vw、vh

一、移动端适配rem1、安装lib-flexiblenpmilib-flexible--save2、在main.js引入lib-flexible//main.jsimport'lib-flexible/flexible'3、安装postcss和postcss-pxtoremnpminstallpostcsspostcss-pxtorem--save-dev4、配置postcss-pxtorem在根

小矮马·2022-12-11 19:07

2022-09-08 vue给对象新增属性

问题：在实例创建之后添加新的对象，然后新增属性参考代码：Vue-给对象新增响应式属性（使用Vue.

零碎記忆·2022-12-07 23:57

从头写vue-解决element-ui样式不显示的问题

Element-UI样式不显示的问题错误样式显示解决方法正确样式显示错误样式显示代码使用了Element-UI的SideBar，可以看到样式未显示解决方法安装主题生成工具，安装主题>npminstallelement-theme-g>npminstallelement-theme-chalkD在main.js中进行引入importElementUIfrom'element-UI'import'el

这我都不会·2022-12-06 17:50

Vue使用addRoute实现动态路由vue- router

说起动态路由刚开始的时候我觉得很简单，然而显示并不是这样的刚开始我的思路是这样的：//JSON路由模拟的import{accessedRoutes}from'./dynamicRoute'import{distinguishApi,bdTokenApi}from"@/api/lianxi";constLayout=import('@/layout/index.vue')constaccess_to

前端小拇指·2022-11-24 09:05

[django-rest-framework]02.Request and Response，请求和响应！

鞭策自己至少一周一篇博客学习目标：学校课内基础打扎实，课外学会语言框架，同时提升英语阅读水平学习路线（自拟）：vue->djangorestframework->goland毕业前想：用前后端分离建成自己的小站

神经大爆炸·2022-11-24 03:41

400 bad request_[django-rest-framework]02.Request&Response，请求和响应！

鞭策自己至少一周一篇博客学习目标：学校课内基础打扎实，课外学会语言框架，同时提升英语阅读水平学习路线（自拟）：vue->djangorestframework->goland毕业前想：用前后端分离建成自己的小站

weixin_39979215·2022-11-24 03:10

Vue-视频播放插件vue-video-player的配置及简单使用

vue视频播放插件vue-video-player1.安装#安装命令npminstallvue-video-player--save2.引入可以全局引入插件，也可以在需要用到该插件的组件内单独引入（二选一）1.全局引用在main.js里面导入并引用importVideoPlayerfrom'vue-video-player'//引入方式一import'vue-video-player/src/cu

I believe I can fly~·2022-11-15 22:23

vue-滑块验证

效果图：下载依赖："vue-monoplasty-slide-verify":"^1.1.3",引入滑块组件使用到的有如下属性：宽度、高度、误差、提示文字、img背景。查看源码可以看到还支持更多的属性，但个人认为，在日常开发中，这几个属性够用了，有需要的可自行了解更多属性。使用到的方法：again（重试）、fulfilled（刷新）、suceess（校验成功）、fail（校验失败）、refresh

のsmile·2022-11-10 19:56

Vue核心Ⅰ（Vue简介，Vue官网使用指南，搭建Vue开发环境，初始 Vue-分析hello案例，Vue模板语法，数据绑定，data与el的2种写法）

文章目录1Vue核心1.1Vue简介1.1.1Vue是什么?1.1.2Vue的特点1.1.3学习Vue之前要掌握的JavaScript基础知识?1.1.4Vue官网使用指南1.1.5搭建Vue开发环境1.2初始Vue1.3Vue模板语法1.4数据绑定穿插知识点：data与el的2种写法1Vue核心1.1Vue简介1.1.1Vue是什么?一套用于构建用户界面的渐进式JavaScript框架构建用户界

墨鱼爱吃圣代·2022-11-02 00:52

Vue-购物车案例（非常详细）

学习目标初始代码提供了数据，页面内容和页面样式Title.fl{float:left;}.fr{float:right;}blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,table,td,textarea,th,ul{margin:0;padding:0;}.clearfix{zoom:1

子不识·2022-11-01 08:05

vue-自动化测试框架JEST和CYRPESS

前端自动化测试概念为什么需要写前端自动化大部分企业为了追求开发效率，所以并没有去强制要求员工写前端自动化测试的代码。另一部分企业则会要求前端开发额外写前端自动化测试。那么写和不写到底有哪些区别呢？不写前端自动化测试代码：修改某个模块功能时，其它模块也受影响，很难快速定位bug多人开发代码越来越难以维护不方便迭代，代码重构困难代码质量差，参差不齐增加自动化测试后：我们为核心功能编写测试后可以保障项目

安静的天空·2022-10-26 12:09

Vue-理解MVVM模型

MVVM模型M：模型（model）——》data中的数据。V：视图（view）——》模板代码。VM：视图模型（ViewModel）——》Vue实例。plainJavaScriptObjects（一般js对象）Dom（由Vue模板经过解析形成的页面，生成Dom结构）理清两条主线：DataBindings（数据绑定）和DomListeners（页面侦听）1、data里的数据（js对象或函数返回的形式）

CamphorBloom·2022-10-21 10:00

vue - 修改ElementUi 源码

vue-修改ElementUi源码首次尝试正确修改重新打包修改完毕首次尝试再一次项目开发中,搬砖饿了吗的组件过程中有些步骤感觉很繁琐，比如input框的一些基本属性配置（clearableplaceholder

颜景锐·2022-10-13 03:43

Element-UI动态更换主题

参考：vue-基于elementui换肤[自定义主题]实践：需求1.后期维护主题色不更换：直接在线主题生成工具下载，在APP.VUE引入；（注意ElementUI版本1.3？

weixin_30265171·2022-10-13 03:36

vue和webgl交互

vue和webgl交互,解决loc大屏数据展示层使用vue，三维效果使用unity总体思路：vue->unity使用postmessage传数据到webgl中的index.html页面index.html

bky学习之路·2022-10-13 02:51

vue-动画基础-velocity

1.前言之前在公司上班,或者接私活整体上动画其实几乎某用到最近看文档又梳理了下,那就记下来吧2.transitionvue在插入、更新或者移除DOM时，提供多种不同方式的应用过渡效果。包括以下工具：1.在CSS过渡和动画中自动应用class可以配合使用第三方CSS动画库，如Animate.css案例在过渡钩子函数中使用JavaScript直接操作DOM可以配合使用第三方JavaScript动画库，

云高风轻·2022-10-07 16:57

【Vue】vuex-五个核心

前言个人主页:阿选不出来个人简介:一名大二在校生,不定时更新自己学习道路上的一些笔记.目前开发的专栏:JSVueJS进阶接上一篇Vue-条件,列表渲染-key的底层原理vuexvuex1.什么是vuex2

阿选不出来·2022-10-04 08:12

Vue 汇总

VueVue-Vue基础Vue-组件化开发Vue-前后端交互Vue-前端路由项目相关Vue-前端工程化Vue-构建vue实战项目

友人A ㅤ·2022-09-23 18:04

Vue-事件修饰符（冒泡，默认行为）

冒泡事件：事件的响应像水泡一样上升至最顶级对象。js阻止冒泡：event.stopPropagation();Vue基本使用[v-cloak]{display:none;}{{num}}点击3varvue=newVue({//元素的挂载位置（值可以是Css选择器或DOM元素）el:'#app',//模型数据（值是一个对象）data:{num:0},methods:{handler0:functio

cc&·2022-09-22 20:39

Vue-条件,列表渲染-key的底层原理

前言个人主页:阿选不出来个人简介:一名大二在校生,不定时更新自己学习道路上的一些笔记.目前开发的专栏:JSVueJS进阶接上一篇Vue-模板语法-计算属性与监听属性的介绍和差异Class绑定-列表,数组的渲染一

阿选不出来·2022-09-16 06:17

Vue-渲染：条件渲染、列表渲染

文章目录条件渲染v-showv-ifv-else-ifv-elsev-show和v-iftemplatetemplate和v-if结合使用列表渲染v-for遍历数组遍历对象遍历字符串遍历指定次数v-for中key的作用与原理vue数据的转化——虚拟DOMvue中key的作用vue中key去index还是自定义的id使用index出现的问题：使用自己定义的id就不会出现了：选择index还是id总结

_洋·2022-09-14 02:26

【Vue】Vue项目需求--实现搜索框输入防抖处理

欢迎观阅本本篇文章，我是Sam9029文章目录⭐前言场景需求具体思路源码（Vue-组合式API）源码解读效果演示拓展说明欢迎查阅Sam9029的其他文章⭐前言在Vue开发中，遇到了搜索框输入防抖处理，算是防抖的使用场景之一吧

Sam9029·2022-09-13 22:29

Vue-搭建一个电商全栈项目

简单的电商全栈项目搭建一、技术栈1、前端前台：Vue+Vue-Router+Vuex+axios+Vant后台：Vue+Vue-Router+Vuex+axios+ElementUI2、后端：Node+Express+mongoose+cors+jwt二、项目搭建1、创建后台管理系统第一步：创建项目并安装依赖：vuecreateadmincdadmincnpmiaxios--savecnpmiel

ʚΐɞ 屎壳郎୧⍤⃝ 推粪球·2022-09-08 17:41

Vue-注册全局组件的两种方法

第一种：在main.js中直接注册//引入importPageToolsfrom'@/components/PageTools'//注册为全局组件Vue.component('PageTools',PageTools)缺点：如果我们需要注册的全局组件非常多，我们需要一个一个引入，然后分别调用Vue.component方法，main.js文件会变的很大，不好维护。第二种：使用插件的形式注册在统一注册

crystal_iwwish·2022-09-05 19:36

vue-12个知识点

vue-知识点（周总结）一.vue.js1.下载Vue2.0的两个版本：官方网站：Vue.js开发版本：包含完整的警告和调试模式生产版本：删除了警告，进行了压缩2.指令：解释：指令(Directives

今天吃饱了么·2022-09-05 13:40

Vue-学习小结1 ：二级菜单中的路由组件未正常显示

页面展示状态：在一级路由组件【商品管理】下，正常应显示4个二级菜单，缺少【品牌管理】的展示1、检查该路由下，所有的二级路由是否添加和格式规范。暂未发现问题exportconstasyncRoutes=[//商品管理{path:'/product',component:Layout,name:'Product',//一级路由的名字meta:{title:'商品管理',icon:'el-icon-go

张美丽呀·2022-09-05 11:58

vue3+TypeScript+vue-router的使用方法

在浏览器中访问文件结构图片综合使用动态参数使用watch监听动态参数使用组合API监听动态参数重定向命名与别名命名路由命名视图别名嵌套路由编程式路由简单使用创建项目vue-cli创建$npminstall-g@vue/cli$vue

liming89·2022-09-05 07:56

vue-计算属性和监视属性

计算属性-computed定义：要用的属性不存在，要通过已有的属性计算得来的原理：底层借助了Object.defineproperty方法提供的getter和setter如下案例：通过以下的姓和名，计算得到全名方法一：可以直接使用methods函数的返回式实现其功能姓：名：全名：{{fullname()}}Vue.config.productionTip=falsenewVue({el:'#roo

奶茶丶·2022-09-01 13:23

Vue-计算属性、监视属性、深度监视、计算属性与监视属性对比

目录一、计算属性--姓名案例1.函数和插值语法实现2.计算属性实现计算属性的简写二、监视属性---天气案例1.使用监视属性编写天气案例方法一：方法二：2.深度监视监视多级结构中某个属性的变化监视多级结构中所有属性的变化（深度监视）3.监视属性简写完整版简写版三、computed与watch对比使用watch监听--姓名案例一、计算属性--姓名案例1.函数和插值语法实现初识vue姓：名：全名：{{f

我爱布朗熊·2022-09-01 13:47

Vue-事件

文章目录事件监听(事件绑定)事件修饰符按键修饰符事件监听(事件绑定)在Vue中使用v-on:监听事件,语法糖为@函数有两种写法函数名后面可写可不写(),写了小括号可以传参,不传参时两种写法效果都一样。单个参数不传参打印时为事件对象。事件触发方法时的参数传递：可以传递普通参数，也可以传递事件对象$event,设置参数不传参时点我打印666点我打印999点我打印888点我打印msg点我打印事件对象le

H5_ljy·2022-08-31 17:12

Vue-条件渲染和循环渲染

文章目录条件渲染循环渲染条件渲染条件渲染指令是用来辅助开发者控制DOM的显示与隐藏。条件渲染指令有如下两个，分别是：v-show和v-ifv-show和v-if的区别：v-show是通过动态的为元素添加或移除display：none来进行显示与隐藏。如果需要频繁切换元素的显示状态，用v-show性能会更好。v-if是通过动态的创建或移除元素来实现元素的显示和隐藏。如果不需要频繁切换元素的显示状态，

H5_ljy·2022-08-31 17:12

vue-项目完成的项目报告

文章目录项目优化1.生成打包报告2.通过vue.config.js修改webpack的默认配置3.为开发模式与发布模式指定不同的打包入口4.configureWebpack和chainWebpack5.通过chainWebpack自定义打包入口6.通过externals加载外部的CDN资源7.路由懒加载项目上线相关配置1.通过node创建web服务器【不一定非要node】2.开启gzip配置3.配

'Han'Zi·2022-08-25 10:51

Vue-源码详解mixin混入和合并策略

在vue里面，混入（mixin）是一种特殊的使用方式。一个混入对象可以包含任意的组件选项，可根据需求随意“封装”组件的可复用单元，并在使用时根据一定的策略合并到组件的选项当中，使用时与组件自身选项无异。官方文档对mixin介绍比较少，不能了解甚少，于是便想研究下源码对它混入做个研究和总结本文基于Vue源码2.x版本一、说在前面在分析mixin之前，先看看两个方法，它们在混入的合并过程中扮演着重要的

liu__software·2022-08-15 09:03

Vue-组件化

Vue-组件化一、定义vue组件二、全局组件定义的四种方式1、使用vue.extend来创建全局的vue组件2、直接创建3、在外部定义template结构4、使用字典的方式定义组件三、定义私有的组件四、

爱吃鱼的小测试·2022-07-21 09:22

Vue-生命周期函数

Vue-生命周期函数一、生命周期和生命周期函数生命周期（LifeCycle）是指一个组件从创建->运行->销毁的整个阶段，强调的是一个时间段。

K I S·2022-07-18 16:34

VUE-组件以及插槽

1.vue组件模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用1.1全局组件定义的四种方式1.使用Vue.extend配合Vue.component方法：例：varlogin=Vue.extend({template:'登录'});Vue.component('login',login);2.直

悲伤小海鸥·2022-07-18 07:20

vue-系统学习

Vuejs学习，从入门到精通初步了解vuejsVue基础语法组件化开发VueCLI详解Vue-router(前端路由)Vuex详解网络封装项目实战(之前在跟着黑马的vue教程粗略过了一下vue基础，接下来这段时间对vue重新进行系统化学习，主要是跟着B站的coderwhy老师自学，一边更新记录笔记，一边敲代码学习加深理解)初步了解vuejsVuejs是一个渐进式框架渐进式意味着你可以将vue作为你

星空0107·2022-06-27 22:07

【vue-router源码】十四、RouterView源码分析

createWebHashHistory、createMemoryHistory源码解析【vue-router源码】三、理解Vue-router中的Matcher【vue-router源码】四、createRouter源码解析【vue

MAXLZ·2022-06-18 12:36

vue-列表的渲染

**vue-列表的渲染**vue的列表渲染指令是基于v-for的，官方文档中是这么说的*v-for指令需要使用iteminitems形式的特殊语法，其中items是源数据数组，而item则是被迭代的数组元素的别名

爱编程的小懒·2022-06-15 12:45

初学Vue-第16天（vuex):vuex简介

初学Vue文章目录初学Vue1、vuex是什么定义vuex工作原理2、配置vuex环境和使用使用案例3、getter配置项5、四个map方法的使用多个组件共享数据module1、vuex是什么定义专门在Vue中实现集中式状态（数据）管理的一个插件，对Vue应用中多个组件的共享状态进行集中式管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。什么时候用vuex？1、多个组件依赖于同一状

持久的棒棒君·2022-06-15 07:30

vue-动态曲线样例

letx=[]lety=[]varn=0import*asechartsfrom'echarts'//importhttpfrom"@/utils/http";exportdefault{name:'my-Hello',data(){return{rawdata:'',msg:'rawData'}},mounted(){this.drawLine();this.start();},methods:

一拳十个锵锵怪·2022-05-28 08:40

vue-判断登陆状态

1.引入vuex在其中存储用户状态importVuefrom‘vue‘importVuexfrom‘vuex‘Vue.use(Vuex);varstate={isLogin:0,//初始时候给一个isLogin=0表示用户未登录};constmutations={changeLogin(state,data){state.isLogin=data;}};2.在用户登录时改变登录状态//登录页面。t

dianrong7450·2022-05-25 21:28

VUE-一个渐进式的JavaScript框架

我的博客渐进式？Vue.js（读音/vjuː/，类似于view）是一套构建用户界面的渐进式框架。这句话你可能并不陌生，但你未必真正读懂了它。我们注意到这句话中有一个被作者高亮的词语—渐进式框架，其实明白了这个词语的意思，也便读懂了这句话，从而也就理解了Vue的核心理念。那么渐进式框架究竟是什么意思呢？什么是框架，什么是库？为了应对以上问题，开发人员重新梳理了代码的组织结构，把JS代码划分为三个板块

·2022-05-25 15:13

vue-入门篇二

7.vue组件7.1什么是组件组件（Component）是Vue.js最强大的功能之一，组件是一个自定义元素或称为一个模块，包括所需的模板（HTML）、逻辑（JavaScript）和样式（CSS）。组件化开发的特点：标准分治重用组合组件也是有全局（component）与局部（components）之分。7.2组件的注册及其使用在使用组件时需要注意以下几点：构造Vue实例时传入的各种选项大多数都可以

我是菜鸟ddd·2022-05-21 11:52

史上最全的vue插件库

工具套件Vux★8133-基于Vue和WeUI的组件库iview★6634-基于Vuejs的开源UI组件库mint-ui★6253-Vue2的移动UI元素muse-ui★3705-三端样式一致的响应式UI库vue

S_Yueee·2022-05-16 14:54

vue中的uri_Vue.js——vue-resource全攻略

也就是说，$.ajax能做的事情，vue-

weixin_39620252·2022-05-11 08:02

《目录》

更新到3401、MD5在项目中的加密のmd5单向加密02、vue-组件化の封装组件、引用组件03、微信小程序开发のswiper图片组件04、微信小程序开发の底部路由导航05、less的安装与使用06、路由跳转之二级路由

郑先森·2022-04-29 16:43

vue cli2 和 cli3去掉eslint检查器报错的解决

甚至单引号和双引号或者空格注释都会引起报错，导致项目无法正常运行因此，只需要在build文件夹下，找到webpack.base.conf.js文件将下面一行代码注释掉，即可正常编译了cli3去掉eslint检查器报错vue

·2022-04-15 10:01

npm 插件滚动数字组件 vue-count-to

countUp.js学习的；2进入正题，安装使用vue项目中为例，个人使用的组件npminstallvue-count-to3引入并组件化使用{{item.endVal}}importCountTofrom"vue

toastLi·2022-04-14 21:48

vue pc端调用摄像头进行拍照并实现裁剪上传

base64格式/文件格式-会写代码的赖先生-博客园使用vue-cropper裁剪图片参考文档：Vue使用vue-cropper裁剪图片_hql1024的博客-CSDN博客史上最全基于vue的图片裁剪vue

格格巫仙女·2022-04-10 10:45

推荐频道

vue-个人杂记