E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
vue-个人杂记
初学Vue(一) -- Vue简单入门
学习列表初学vue(二)--条件渲染、修饰符、循环初学vue(三)--生命周期、过滤器、监听属性、计算属性初学vue(四)--axios前后端交互、组件初学vue(五)--路由
vue-
国人开发制作的类似于
·
2021-03-24 00:59
Vue-
简单介绍
vue初体验{{message}}{{name}}//声明式编程//let(变量)/const(常量)constapp=newVue({el:'#app',//用于挂载要管理的元素data:{//定义数据message:'hello,vuejs!',name:'name'}})vue-for{{message}}{{item}}constapp=newVue({el:'#app',data:{me
superkcl2022
·
2021-03-19 20:03
vue
vue
vue-
$set动态更新对象/数组
vue双向绑定原理是通过Object.defineProperty()来对对象的setter和getter属性进行操作。为了保证视图动态更新需要给对象加上get和set方法来进行双向绑定。1.动态更新对象给man添加age属性错误方法:add(){this.man.age='22'console.log(this.man)},正确方法:add(){this.$set(this.man,'age',
·
2021-03-19 11:18
前端vue.js
vue-
$router跳转传参
方法1:this.$router.push({name:'webSearch',query:{name:'老李'}})获取参数:this.$route.query.name方法2:this.$router.push({path:'/webSearch',query:{name:'老李'}})获取参数:this.$route.query.name方法3:this.$router.push({name
·
2021-03-19 11:18
前端vue.js
vue-
面试
1.单页面应用与多页面应用的去别2.简述一下Sass、Less,且说明区别?他们是动态的样式语言,是CSS预处理器,CSS上的一种抽象层。他们是一种特殊的语法/语言而编译成CSS。变量符不一样,less是@,而Sass是$;Sass支持条件语句,可以使用if{}else{},for{}循环等等。而Less不支持;Sass是基于Ruby的,是在服务端处理的,而Less是需要引入less.js来处理L
·
2021-03-11 08:56
vue.js
Vue-
脚手架-项目创建方式
一、什么是脚手架?1.VueCLIVueCLI是一个基于Vue.js进行快速开发的完整系统,提供:通过@vue/cli实现的交互式的项目脚手架。通过@vue/cli+@vue/cli-service-global实现的零配置原型开发。一个运行时依赖(@vue/cli-service),该依赖:可升级;基于webpack构建,并带有合理的默认配置;可以通过项目内的配置文件进行配置;可以通过插件进行扩
噢,我明白了
·
2021-03-09 08:17
vue
脚手架
前后端交互
vue
vue.js
javascript
html
Vue-
详解+案例
系列文章目录提示:vue是什么,声明和渲染,读取data数据,小案例:“切换壁纸”,表格的增删改查,组件文章目录系列文章目录前言一、vue是什么?二、使用步骤1.声明和渲染2.读取data数据对象3.v-if条件4.小案例_”切换壁纸“三、计算属性四、侦听器五、表格的CRUD六.组件总结前言大家好!一起看下Vue.js吧!提示:以下是本篇文章正文内容,下面案例可供参考一、vue是什么?Vue(读音
辣可乐少加冰
·
2021-03-04 22:40
JavaScript
vue.js
vue-
请求后端数据第一次渲染的时候页面为空
...exportdefault{data(){return{dataList:null}}}解决方法:1、请求后端数据,将数据保存在状态中,最好使用null来保存2、在组件最外端标签上使用v-if判断接收的数据的真假解释:1、接收数据写null的原因:在mounted里请求数据是异步的,如果不用null写的话,最开始页面上是没有数据的2、在最外层写v-if的原因:判断接收的数据为真还是为假,如果
早安阿
·
2021-02-03 15:37
vue
vue
js
javascript
html
vue-video-player 断点续播的实现
save2.Main.js引入组件importVideoPlayerfrom'vue-video-player'require('video.js/dist/video-js.css')require('
vue
·
2021-02-01 12:08
vue-
生命周期与钩子函数
前言:记录下学习vue过程中的生命周期钩子函数,主要分清楚钩子函数的意思,大致什么时候使用。官方所述:所有的生命周期钩子自动绑定this上下文到实例中,因此你可以访问数据,对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法一、生命周期重要图生命周期图二、生命周期钩子(1)beforeCreate:在实例初始化之后,数据观测(dataobserver)和event/watcher
inyourface
·
2021-01-28 14:27
vue-
自定义表单控件
题引开发中有遇到一些非传统表单元素,如选择地址组件,开发人员需要将用户选择的最终结果转换成后台指定的格式和其他表单元素一起提交给后台,这时候,如果能像传统表单元素,如input,radio这些直接使用v-model双向绑定,那样就方便很多。v-model是一个语法糖,可以拆解为props:value和events:input。就是说组件必须提供一个名为value的prop,以及名为input的自定
红绿鲤鱼
·
2021-01-27 18:37
vue
javascript
vue-
鉴权的两种方式之路由拦截
vue中鉴权的两种方法常用的鉴权有两种:一种是路由拦截,一种是动态路由。路由拦截通过vue-router的beforeEach方法进行每一次路由访问的拦截,判断拦截信息中是否有鉴权要求或者权限校验,以此来实现鉴权。如果权限不够,访问的路径虽然存在但会被拦截。动态路由在登录后根据用户信息以及权限动态地添加正确的权限路由,如果权限不够,访问的路径是不存在的。比较路由拦截实现起来相对简单,只需在登录的时
·
2021-01-26 02:55
物联网宠儿mqtt.js那些事儿
通过npmpackage.json包管理,现代vue技术栈下的前端也可用,比如用
vue-
趁你还年轻233
·
2021-01-22 16:13
前端
javascript
node.js
mqtt
iot
websocket
Vue-
虚拟DOM
Vue-
虚拟DOM一、模板转换成视图的过程Vue.js通过编译将template模板转换成渲染函数(h),执行渲染函数就可以得到一个虚拟节点树。
suyue
·
2021-01-12 15:15
javascript
前端
vue.js
Vue-
虚拟DOM
Vue-
虚拟DOM一、模板转换成视图的过程Vue.js通过编译将template模板转换成渲染函数(h),执行渲染函数就可以得到一个虚拟节点树。
suyue
·
2021-01-12 15:27
javascript
前端
vue.js
vue-
路由守卫+token过期处理
路由守卫想要实现只有在登录或者注册成功的状态下,才能进入系统,这时候就可以使用路由守卫配置路由守卫在route.js中进行配置importVuefrom'vue'importVueRouterfrom'vue-router'importIndexfrom'../views/Index.vue'importRegisterfrom'../views/Register.vue'importNotFou
moxiaoxiao520
·
2021-01-09 12:43
Vue
vue
Vue-
多页面跳转去掉.html后缀的解决办法
Vue-
多页面跳转去掉.html后缀的解决办法首先我要问你个问题,为什么加载网页会默认执行index.html?
一个网络搬砖的斜杠青年
·
2021-01-08 13:31
vue
vue
vue中配置scss全局变量的步骤
一、使用vue-cli(即
vue-
·
2020-12-28 16:42
Vue-
实例属性 $attrs $listeners $refs $el
1、$attrs$attrs包含了父作用域中不作为prop被识别(且获取)的attribute绑定(class和style除外)。当一个组件没有声明prop时,这里会包含所有父作用域的绑定(class和style除外),并且通过v-bind="$attrs"传入内部组件-----在创建高级别的组件时非常有用。说白了$attrs就是能够获取父组件除了props传入的所有属性(除了class和styl
敢问
·
2020-12-27 13:31
VUE
vue.js
Vue-
快速入门
Vue-
快速入门0.前言1.认识Vue2.Node和NPM2.1.下载Node.js2.2.NPM3.快速入门3.1.创建工程3.2.安装vue3.2.1.下载安装3.2.2.使用CDN3.2.3.推荐
fogy丶
·
2020-12-22 13:46
vue.js
vue
2、
vue-
组件化の封装组件、引用组件
首先我们写了一个组件叫做bottomNav的组件作为底部导航使用{{a}}exportdefault{name:'HelloWorld',data(){return{msg:'WelcometoYourVue.jsApp',arr:["首页","周边","购物车","我的"]}},//方法钩子函数methods:{go(i){//打印当前导航对应文字console.log(i)}},//初始化钩子
郑先森
·
2020-12-20 11:12
vue-cli 卸载(卸载不了)与安装指定版本问题
运行了npmuninstallvue-cli-g,之后,居然是uptodatein然后
vue-
放空231
·
2020-12-12 18:56
vue
vue如何快速创建单文件组件(类似react的rcc操作)?
创建Vue代码片段1.code->首选项->用户片段2.输入
vue-
>选择vue.json如果没有vue.json,就选择如图所示第一个文件3.自定义所需要的模版需要注意一下几点:所有代码片段都只在.vue
Dark_programmer
·
2020-12-10 17:40
vue
vue
vue-
解决弹出蒙层滑动穿透问题
vue-
解决弹出蒙层滑动穿透问题在一个可滑动列表页弹出一个全屏蒙层,蒙层固定,中间一块显示消息框,当用手滑动蒙层空白处时,滑动事件会穿透到底部列表页,导致列表页的滑动。
Pandorping
·
2020-11-22 20:15
VUE
CSS
css
vue
Vue-Ant Design
Vue-
普通及自定义校验实例
这段时间在使用AntDesignVue进行项目的前端部分开发,进行一个记录,分享…AntDesignVueAntDesignVue是AntDesign3.X的Vue实现,开发和服务于企业级后台产品。在GitHub上可以找到几个AntDesign的Vue组件。不过相比较而言,AntDesignVue更胜一筹。AntDesignVue共享AntDesignofReact设计工具体系,实现了所有AntD
·
2020-11-20 13:41
vue开发看这篇文章就够了
Vue-
渐进式JavaScript框架介绍vue中文网vuegithubVue.js是一套构建用户界面(UI)的渐进式JavaScript框架库和框架的区别我们所说的前端框架与库的区别?
一二三
·
2020-11-15 20:55
javascript
webpack
vue.js
vue-router
vuex
vue-
模拟Element-UI实现form表单
总文件入口-index.vue用户使用层主要是用来定义:校验规则登陆事件处理(全部校验通过与否调用全局弹窗)项目结构说明用户入口文件-inex.vue提交{{model}}importVfromfrom'./vfrom';importVfromitemfrom'./vfromitem';importVinpntfrom'./vinput';exportdefault{components:{Vfr
哦哈哈
·
2020-11-13 10:32
javascript
vue.js
element-ui
表单验证
VUE 3.X 开发 —— 开发环境搭建
工欲善其事必先利其器前序:
VUE-
官网-3.X前提:鉴于web的直观性和多样性,更多是选择web而不是控制台创建项目,当然后续生产上更多是不变的模板加工具快速创建和2.X步骤差不多,仅多了版本切换选择windos7
潇潇剑_易水阁
·
2020-11-10 14:14
Vue-
三种方式实现tab切换
一、通过V-show/V-if实现Document.active{background:red;}.tabs{background-color:blue;width:200px;height:20px;font:0;padding:0;}.li-tab{width:30%;height:100%;display:inline-block;text-align:center;}.divTab{wid
火腿肠烧烤大赛冠军
·
2020-10-29 09:53
Vue
小白前端开发笔记
vue
vue-cli项目启动时出现Cannot find module ‘vue-loader-v16/package.json‘的问题
vue-loader-v16有部分资源需要科学上网才能下载下来,那我们换成国内镜像下载不久能解决了吗先卸载vue-loader-v16依赖npmuninstallvue-loader-v16之后使用cnpm安装
vue
qq_39902343
·
2020-10-21 16:27
vue
vue-cli
vue
npm
Vue-
属性绑定&样式绑定
属性绑定:一、Vue如何动态处理属性?1.v-bind指令用法跳转2.缩写形式跳转二、v-model的底层实现原理分析例:{{msg}}//三个都是一样的/*v-model指令的本质*/varvm=newVue({el:'#app',data:{msg:'hello'},methods:{handle:function(event){//使用输入域中的最新的数据覆盖原来的数据this.msg=ev
W5899
·
2020-10-19 20:15
vue
vue-
生命周期函数
Document{{msg}}//创建Vue实例,得到ViewModelvarvm=newVue({el:'#app',data:{msg:'ok'},methods:{show(){console.log('执行了show方法')}},beforeCreate(){//这是我们遇到的第一个生命周期函数,表示实例完全被创建出来之前,会执行它//console.log(this.msg)//this
ZHAO同学
·
2020-10-11 01:41
Vue-
基础语法-1
文章目录下载安装第一个Vue程序初体验列表展示计数器Vue中的MVVM创建Vue实列传入的optionsVue的生命周期基础语法插值操作Mustachev-oncev-htmlv-textv-prev-cloak动态绑定属性v-bind介绍基础语法糖--简写绑定class1.绑定方式:对象语法2.绑定方式:数组语法绑定style1.绑定方式:对象语法2.绑定方式:数组语法计算属性--compute
眼镜宅@-@
·
2020-09-24 14:54
笔记
javascript
vue
js
Vue-
给对象新增属性(使用Vue.$set())转载
在开发过程中,我们时常会遇到这样一种情况:当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。根据官方文档定义:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。受现代JavaScript的限制(以及废弃Object.observe),Vue不能检测到对象属性的添加或删除。由于Vue会在初始化实例时对
huangminmin1001
·
2020-09-17 11:20
Vue-
给对象新增属性(使用Vue.$set()),动态渲染
一、错误实例(vue中await去调接口,有时差,数据回来,页面已经渲染过了):vue中:query["query.contractId"]=info.contractId;this.contractData[info.partnerId]=awaitgetContractListByQuery(query);页面:{{contractData}}二、用$set(),动态改值,动态渲染(我感觉:页
多来哈米
·
2020-09-17 10:00
vue
vue
仿微信项目-Vue
2、技术实现MVVM框架:Vue.js2.0状态管理:Vuex页面路由:
Vue-
布丁❀
·
2020-09-17 04:35
vue.js
android
ios
小程序
mongodb
Vue-
后端开发快速入门
一、Vue.js什么是Vue本节视频【视频】Vue渐进式JavaScript框架-Vue-MVVM的实现者简介Vue(读音/vjuː/,类似于view)是一套用于构建用户界面的渐进式框架,发布于2014年2月。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库(如:vue-router,vue-resource,vuex)或既有项
湯神码
·
2020-09-17 01:35
学习
vue.js
Vue-
开卡充值 -轮询
开卡充值{{prompt}}请刷卡开卡用户名开卡电话地址选择卡片类型请选择!{{item.cardType}}选择充值类型请选择!{{item.payWays}}selected1:{{chargeType}}充值金额支付宝付款码充值退卡用户基本信息卡号姓名卡片类别余额现金状态创建时间操作时间12345678用户消费信息项目收银机操作金额余额时间操作人操作12345678exportdefault
diboxuan0073
·
2020-09-16 22:27
javascript
vue-
事件修饰符-详解(.prevent .stop .once .capture .self)
vue事件修饰符-详解.prevent-------等于javascript的event.preventDefault()作用:阻止默认程序的运行单独submit点击后会自动进行提交等一系列操作,prevent就可以阻止这些操作,让上面这段代码乖乖执行我们分配给它的SomeFunction.stop作用:阻止冒泡什么叫冒泡?冒泡就是子元素的事件传递到父元素,用以下代码为例,点击button后,触发
Ace-Liang
·
2020-09-16 21:29
vue
事件修饰符
vuecli3.0 引入vant报错Cannot find module 'babel-plugin-import' from ' '解决方法
Cannotfindmodule'babel-plugin-import'from'd:\code\vue-test-0731'atFunction.module.exports[assync](d:\code\
vue
xxxxxxxxYZ
·
2020-09-16 19:02
vue
vue-
定时器-element的notify提示框-自定义样式
系统要实现一个简单的异常日志提示框,决定使用定时器,每隔2秒向后端发送请求效果图:登录后,开启定时器data(){return{isExistNo:false,timer:null,//定时器名称};},created(){const_this=this;this.timer=window.setInterval(()=>{_this.$api.post(_this.$lesUiPath.msgA
ccc_cccc_ccc
·
2020-09-16 14:02
vue
vue.js
VUE-
页面按钮控制DIV展示(隐藏和显示)和VUE.axios请求调用
页面按钮控制展示数据:效果图:点击已办队列对应的展示数据:待办按钮展示数据效果图:VUE页面代码:待办队列{{flowAmongNumBer}}已办队列{{flowStopNum}}script代码:importStompfrom'stompjs'exportdefault{name:'entry',data(){return{showTeacherDaiBanDiv:false,showTeac
panlupeng
·
2020-09-16 14:13
vue
java
vue
js
使用命令行创建一个vue项目的全部命令及结果
[email protected]
:CoffeeScriptonNPMhasmovedto"coffeescript"(nohyphen)D:\nodejs\node_global\
vue
anmi7832
·
2020-09-16 11:44
javascript
webpack
json
解决vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题
解决办法:需要重写路由的push方法在【router/index.js路由页面】importVueRouterfrom"
vue-
yang295242361
·
2020-09-16 11:57
vue实战
vue-
路由配置和使用步骤整理
介绍路由:控制组件之间的跳转,不会实现请求、不用页面刷新,直接跳转-切换组件》》》安装本地环境安装路由插件vue-router:cnpminstallvue-router--save-dev*没有安装淘宝镜像的可以将cnpm替换成npm想要安装的可以看这篇文章http://www.cnblogs.com/padding1015/p/7162024.html,(打开搜索镜像即可跳转到对应位置)配置两
努力,加油,奋斗
·
2020-09-16 03:42
笔记
vue
vue-
事件修饰符
详细事件冒泡与取消默认事件请跳转至☞http://blog.csdn.net/qq940853667/article/details/77151701以下是常用的事件,跟着代码写就好了事件修饰符exportdefault{data(){return{}},methods:{bigClick(){console.log('big')},smallClick(){console.log('small'
garyHoH
·
2020-09-16 03:12
vue
vue-
提示warning
[Vuewarn]:TemplatesshouldonlyberesponsibleformappingthestatetotheUI.Avoidplacingtagswithside-effectsinyourtemplates,suchas.出现这个警告的原因可能是你新建VUE实例的代码放在了被绑定的组件当中比如varvm=newVue({el:'#list',//因为创建实例的代码放在了#l
letMeAlone_
·
2020-09-16 02:34
Vue
vue cli使用vue-touch滑动(实现左右滑动切换页面)
github.com/vuejs/vue-touch/tree/next2安装:npminstallvue-touch@next引入man.js(我引入的报错,找不到路径手动改掉)importVueTouchfrom'
vue
weixin_33804582
·
2020-09-16 01:19
javascript
python
解决ElementUI导 航栏中的
vue-
router在3 .0版本以 上重复点菜单报错问题
前言:在使用ElementUI中的导航时,默认情况下如果重复点击某选项,会报错,虽然对项目没啥影响,但红色报错真的很难受。诺!可以在router的配置文件中(router->index.js)加上下面这句话,constoriginalPush=VueRouter.prototype.pushVueRouter.prototype.push=functionpush(location){return
轻狂的书生
·
2020-09-15 23:07
vue
visual
studio
code
经验分享
vue-
问题集
(node:9728)UnhandledPromiseRejectionWarning:TypeError:this.getResolveisnotafunction在模块化学习中,引入css模块遇到问题,安装完style-loader和css-loader后运行依然报错style-loader和css-loader版本过高,改成低版本未完待续
未出笼的菜包
·
2020-09-15 21:21
Vue
vue.js
上一页
9
10
11
12
13
14
15
16
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他