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-
ref属性
ref属性被用来给元素或者子组件注册引用信息(id的替代者)通过案例来演示_ref属性1编写案例如图:有一个按钮,点击按钮可以输出dom元素备注:虽然vue不用我们亲自操作dom,但是有的特殊的情况下就要亲自操作dom页面就是这个样子的2传统操作dom如果使用传统的方式,给属性一个id,再使用document,getElementById是可以操作的,但是这些代码,本身就不应该出现在vue中,这里
小花皮猪
·
2023-06-17 03:22
Vue
vue.js
javascript
前端
【无标题】 Vue 路由库Router 【重点】 - 安装 - 基本使用 - 路由配置 - 路由模式 - 路由传递参数 - 路由内置对象 - 路由守卫
refVue.setVue.nextTickVue.filterVue.componentVue.useVue.directive1.0Vue的路由Router【重点】1.1路由作用进行页面的跳转(相当于a标签),Vue是SPA单页面应用,他的页面跳转必须使用
Vue
quanmeiren
·
2023-06-16 20:16
vue.js
javascript
前端
vue-
汉字转拼音
目录插件文档下载插件参数optiions使用使用插件文档GitHub-waterchestnut/pinyin:把汉字转化为拼音字母,由chinalu/JSPinyin改写,使用新语法并去掉mootools的依赖下载插件npminstalljs-pinyin参数optiions使用pinyin.setOptions({charCase:1});setOptions中传入对象,对象可传两个参数cha
@幻影忍者
·
2023-06-16 01:03
VUE
vue.js
前端
javascript
Vue-
后台管理项目002---用户管理
用户列表开发解决用户列表小问题现在点击用户列表了,主区域也有数据了,但是用户列表本身没有高亮意思是当前激活菜单的index,赋值给default-active属性,就可以高亮了在每次点击的时候,把对应的地址放在sessionStorage中保存起来,这样的话,就把需要激活的链接保存起来了当我们刷新页面的时候,再把这个值取出来。动态的赋值给default-active属性就可以了第一步:给二级菜单都
初遇我ㄖ寸の热情呢?
·
2023-06-14 15:18
vue.js
前端
javascript
Vue-
后台管理项目001---侧边栏
从浏览器上可以看出,他的返回值是promise(pending),所以我们可以用async,await来简化这个操作await只能用在被async修饰的方法中,需要把仅挨着await的方法修饰成async需要把仅挨着await的方法修饰成异步的async现在可以将这个data属性,解构赋值出来给res将这个真实的服务返回的数据赋值给res弹框提示把弹框组件挂载到Vue的原型组件上,每一个组件都可以
初遇我ㄖ寸の热情呢?
·
2023-06-14 15:47
vue.js
前端
javascript
VUE-
表单输入绑定(v-model)
目录1.基础用法1.1文本1.2多行文本1.3复选框1.4单选按钮1.5选择框2.值绑定2.1复选框2.2单选按钮2.3选择框的选项3.修饰符3.1.lazy3.2.number3.2.trim1.基础用法你可以用v-model指令在表单、及元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但v-model本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并
HM-hhxx!
·
2023-06-14 11:14
VUE
vue.js
javascript
elementui
面试官:自己搭建过vue开发环境吗?
开篇原文地址:www.ccode.live/lentoo/list…项目代码:github.com/lentoo/
vue-
…前段时间,看到群里一些小伙伴面试的时候被面试官问到这类题目。
Web全栈开发
·
2023-06-14 06:03
前端
前端工程师
前端程序员
Vue-
ref属性
ref属性被用来给元素或者子组件注册引用信息(id的替代者)通过案例来演示_ref属性1编写案例如图:有一个按钮,点击按钮可以输出dom元素备注:虽然vue不用我们亲自操作dom,但是有的特殊的情况下就要亲自操作dom页面就是这个样子的2传统操作dom如果使用传统的方式,给属性一个id,再使用document,getElementById是可以操作的,但是这些代码,本身就不应该出现在vue中,这里
小花皮猪
·
2023-06-13 00:09
Vue
vue.js
javascript
前端
Vue-
组件的嵌套
组件的嵌套组件的嵌套也是开发中比较常见的方式一个大组件里面有多个小组件,大组件一般称为父组件,小组件称为子组件1编写案例首先定义一个school组件提出新的需求:现在我想在school里面定义一个子组件(student)出现首先创建student组件,如果我们把student和school组件一样定义在vm中,就平级了,体现不出来层级的感觉可以看到,两个组件都是被vm包裹的这时候就不能这么注册了,
小花皮猪
·
2023-06-13 00:39
Vue
vue.js
前端
javascript
elementui tree 支持虚拟滚动和treeLine (上)
最终在查阅相关资料时,发现github有一个大佬使用
vue-
爱分享的Martin、
·
2023-06-12 13:02
VUE
爬坑
elementui
vue.js
javascript
vue-
基础项目-todolist实现
vue-
基础项目-todolist实现源代码地址:https://github.com/Lituzi/vue-miniProject-ToDoList实现功能在文本框输入后按enter添加待办事项添加后显示在待办事项中完成后勾选
Thecai-
·
2023-06-12 02:48
vue
vue入门项目
前端
vue.js
前端
Vue - 项目编译速度、性能优化、打包体积优化
GitHubDemo地址在线预览
Vue-
项目编译速度、性能优化、打包体积优化序一、编译速度优化1、使用缓存1.1、缓存插件-HardSourceWebpackPlugin1.2、`webpack5`配置
西半球
·
2023-06-08 01:24
Vue
webpack
vue.js
性能优化
webpack
7天深入
Vue-
模板编译(六)
模板编译模板编译得主要目标是将temolate转换为渲染函数render1.src\platforms\web\entry-runtime-with-compiler.jsconstmount=Vue.prototype.$mountVue.prototype.$mount=function(el?:string|Element,hydrating?:boolean):Component{cons
申_9a33
·
2023-06-07 12:10
Vue-Cli与@Vue-Cli最直接的区别
@Vue-Cli和Vue-Cli区别随者vue的发展,@
Vue-
Fuuqiu
·
2023-06-07 04:02
Vue-
按键修饰符(默认按键修饰符和自定义按键修饰符)
1.默认(系统)按键修饰符Documentvarvm=newVue({el:"#app",data:{name:""},methods:{showDialog1:function(){alert("默认的按键修饰符起作用");}}});2.自定义按键修饰符Document添加/*自定义按键修饰符f2:在Vue1.0中默认按键修饰符存放在Vue.directive("on").keyCodes,而在
瑟闻风倾
·
2023-04-21 19:54
vue-
移动端适配-postcss-pxtorem
安装lib-flexiblenpmilib-flexible--save在main.js引入lib-flexibleimport'lib-flexible/flexible'安装postcss-pxtoremnpminstallpostcss-pxtorem-D配置postcss-pxtorem在根目录的.postcssrc.js文件中修改此文件自动生成,若没有,手动添加module.export
inkbamboo
·
2023-04-21 17:37
访问若依vue版后端api接口
访问若依vue版后端api接口如何使用TalendAPITester进行访问若依
vue-
前后端分离版的后端api接口?
江南、寻你
·
2023-04-21 00:38
Java
vue.js
javascript
java
Vue-
进阶版
2019独角兽企业重金招聘Python工程师标准>>>Vue进阶一、搭建项目1、vue-cli架构npmi-gvue-cli:安装vue-cli模块vueinitwebpackmy-project:利用webpack创建一个项目文件,文件名为my-project.cdmy-project:进入my-project文件夹npminstall:安装依赖,npm会根据package.json中包的信息来
weixin_34291004
·
2023-04-18 12:56
webpack
python
javascript
ViewUI
Vue-
收集表单数据+过滤器+内置指令
收集表单数据+过滤器+内置指令收集表单数据1.若:``````,则v-model收集的是value值,用户输入的就是value值。2.若:``````,则v-model收集的是value值,且要给标签配置value值。3.若:``````1.没有配置input的value属性,那么收集的就是checked(勾选or未勾选,是布尔值)2.配置input的value属性:1.v-model的初始值是非
Aha_three
·
2023-04-18 03:29
vue.js
前端
Vue-
封装一个通用的分页组件,并实现全局注册组件使用
前言分页无论是在网站和app中用到都很多,开发中经常要使用到,前端有时侯频繁用到分页的功能,每次用到要再次去实现,那么我们为了减少开发的复杂性,提高效率,是可以将它作为一个公共组件封装起来供各个页面来使用!,并注册一个全局组件。实现思路1、用到的参数pageNum:1默认第几页pageSize:10一页展示几条total:0总条数2、用到的传递的参数和方法:pluspagerMethod=getA
双普拉斯
·
2023-04-17 14:09
vue.js
javascript
前端
2022-06-13 工作记录--
Vue-
多个class的三元表达式写法
Vue-
多个class的三元表达式写法不积跬步无以至千里~细节决定成败,加油方法一、数组形式⭐️1、公式:class="['固定类名',动态类名的三元表达式,...]"2、注意点class前面要加冒号;
小呀小萝卜儿
·
2023-04-16 19:36
工作-vue
前端
vue
2021-08-06 工作记录--
vue-
解析富文本(两种方法)
一、vue解析富文本【vue中使用v-html解析富文本】方法一、直接用v-html解析富文本举例:1、后台传过来的数据:2-1、解析前的代码:2-2、解析前的结果:3-1、解析后的代码:3-2、解析后的结果:方法二、用v-html结合富文本处理函数解析富文本举例:1、后台传过来的数据2-1、封装富文本处理函数//富文本处理showHtml(str){returnstr.replace(str?/
小呀小萝卜儿
·
2023-04-16 19:06
工作-vue
vue.js
前端
vue-html5-editor完整版使用,包含上传音视频及扩展
import'font-awesome/scss/font-awesome.scss'importVueHtml5Editorfrom'vue-html5-editor'varoptions={name:"
vue
BMG-Princess
·
2023-04-16 06:42
vue.js
html5
javascript
vue-
前端中心化状态管理之页面的适配
我们知道Vue是一个数据驱动的语言,数据的改变随之会引起页面显示的改变,按照这个理念,我们页面请求后,不用多余操作,直接进行数据赋值,就可以看到页面的改变。exportdefault{data(){return{//pagedata...}}}以上就是我们.vue页面的全局对象,这类对象只能在.vue类
WhereRiseFrom
·
2023-04-16 05:24
vue-
性能优化
一、源码优化1、代码模块化,咱们可以把很多常用的地方封装成单独的组件,在需要用到的地方引用,而不是写过多重复的代码,每一个组件都要明确含义,复用性越高越好,可配置型越强越好,包括咱们的css也可以通过less和sass的自定义css变量来减少重复代码。2、for循环设置key值,在用v-for进行数据遍历渲染的时候,为每一项都设置唯一的key值,为了让Vue内部核心代码能更快地找到该条数据,当旧值
安静的天空
·
2023-04-16 05:44
vue
vue.js
性能优化
前端
vue-
双向绑定
实现过程我们已经知道如何实现数据的双向绑定了,那么首先要对数据进行劫持监听,所以我们首先要设置一个监听器Observer,用来监听所有的属性,当属性变化时,就需要通知订阅者Watcher,看是否需要更新。因为属性可能是多个,所以会有多个订阅者,故我们需要一个消息订阅器Dep来专门收集这些订阅者,并在监听器Observer和订阅者Watcher之间进行统一的管理。因为在节点元素上可能存在一些指令,所
安静的天空
·
2023-04-16 05:14
vue
vue.js
前端
javascript
vue-
前进刷新,后退不刷新实现
vue通过keep-alive实现前进刷新,后退不刷新(1)在App.vue中设置(2)在路由中设置两个参数,关于keepAlive、isRefresh的具体作用往下看{path:"/a",name:"a",component:()=>import("../views/a.vue"),meta:{title:"前进刷新,后退不刷新测试",keepAlive:true,//作用:控制组件是否需要缓存
安静的天空
·
2023-04-16 05:13
vue
vue-
过滤器
vue允许定义过滤器,对于一些文本常见格式化。过滤器可以用在两个地方-(1)v-bind表达式-(2){{}}插值表达式使用:使用过滤器:{{xxx|过滤器名}}或v-bind:属性="xxx|过滤器名"注册:Vue.filter(name,callback)或newVue{filters:{}}Document显示格式化后的时间现在是:{{fmtTime}}现在是:{{getFmtTime()}
weixiwo
·
2023-04-15 19:10
Vue
vue.js
javascript
前端
vue-
自定义指令
需求1:定义一个v-big指令,和v-text功能类似,但会把绑定的数值放大10倍。需求2:定义一个v-fbind指令,和v-bind功能类似,但可以让其所绑定的input元素默认获取焦点。语法:局部使用:directives:{focus:{//指令的定义inserted:function(el){el.focus()}}}全局使用://注册一个全局自定义指令`v-focus`Vue.direc
weixiwo
·
2023-04-15 18:34
Vue
vue.js
javascript
前端
vue-
列表过渡
列表交错过渡使用场景:通过Input搜索关键字后,下方结果集带有自上而下展开与自下而上收缩的动画效果。列表过渡,使用组件,可以通过tag特性更换为指定的真实元素。内部元素总是需要提供唯一的key属性值安装velocity-animate安装包0">{{item.properties.organizationName}}importVelocityfrom'velocity-animate';met
嗨姑娘_大个子
·
2023-04-15 14:50
Vue-
组件
Vue.jsVue.component("greeting",{template:`{{name}}:hello,everyone!changeName`,data:function(){return{name:"zouzou"}},methods:{changeName:function(){this.name="Sally";}}})newVue({el:"#vue-app-one"})new
linlu_home
·
2023-04-13 20:06
Vue-
面试2
列表进入详情页的传参问题1.直接Vuex接管不就可以了么2.路由传参.query,params+动态路由传参3.刷新有问题。。axios封装和api接口的统一管理1.如何只在当前页面覆盖UI库中组件的样式1.深度选择器fastClick的300ms延迟解决方案1.fastClick组件2.组件原理1.移动端的双击缩放,用手指在屏幕上快速点击两次,可以看到内容或者图片放大,再次双击,浏览器会将网页缩
skoll
·
2023-04-11 20:49
Vue-
插槽、自定义指令、render渲染函数、过滤器、插件
1.插槽普通插槽,具名插槽,作用域插槽插槽允许我们在调用子组件的时候为子组件传递模板。元素作为承载分发内容的出口。一个不带name的出口会带有隐含的名字“default”。父级模板里的所有内容都是在父级作用域中编译的;子模板里的所有内容都是在子作用域中编译的。1.默认插槽:没有名字的插槽1231232.具名插槽:具有名字的插槽1233.插槽填充hello简单使用vue-slot我是子组件开始的内容
weixin_45753087
·
2023-04-11 16:32
vue.js
javascript
前端
Vue-
插槽、自定义指令、render、过滤器
1.插槽普通插槽,具名插槽,作用域插槽插槽允许我们在调用子组件的时候为子组件传递模板。元素作为承载分发内容的出口。一个不带name的出口会带有隐含的名字“default”。父级模板里的所有内容都是在父级作用域中编译的;子模板里的所有内容都是在子作用域中编译的。1.默认插槽没有名字的插槽就是默认插槽1231232.具名插槽具有名字的插槽1233.插槽填充内容填充到模板的哪个插槽中?指定插槽hello
weixin_45753087
·
2023-04-11 16:01
vue.js
前端
javascript
Vue-
条件渲染
指令v-if是一个指令,必须将他添加到一个元素上v-elsev-else-if用key管理可复用的元素v-showv-ifvsv-showv-if&&v-for1.v-ifv-if指令用于条件性地渲染这一块的内容。只在表达式返回truthy值的时候被渲染2.在元素上使用v-if条件渲染分组v-if是一个指令,必须将他添加到一个元素上,但是如何在多个元素之间切换呢3.v-elsev-else元素必须
上山走18398
·
2023-04-11 15:57
vue-
函数式组件
vue函数式组件特点:组件没有管理任何状态,无data没有监听任何传递给它的状态,只会接收一些传入的props值组件没有实例,无this组件没有生命周期不能通过$emit对外暴露事件,调用事件只能通过context.listeners.click的方式调用外部传入的事件优点就是灵活,轻量,渲染开销低,因为函数式组件只是函数vue函数式组件应用:函数式组件需要设置functional:true,并自
天空飘来
·
2023-04-11 14:33
vue.js
javascript
前端
Vue-
自定义指令(属性指令和元素指令)
1.自定义指令属性指令Document/*1.在Vue1.0中提供了一个接口Vue.directive(自定义指令名称,回调函数)来自定义属性指令。在定义属性指令名称时不需加v-前缀,但是在使用时需要加v-前缀。*///eg1:自定义一个v-focus的指令(只有指令名称):实现当前使用v-focus指令的文本框自动获取焦点(未实现)Vue.directive("focus",function()
瑟闻风倾
·
2023-04-10 19:33
Vue-
实现列表的搜索和排序
搜索和排序的功能都是通过计算属性:1、搜索的主要通过filter过滤出符合条件的数据并保存起来2、对符合条件的数据进行升降的排序,使用sort排序价格排序价格从高到低价格从低到高搜索{{good.title}}实付:¥{{good.price.toFixed(2)}}exportdefault{name:"Home",components:{},data(){return{//搜索关键字keywo
前端小咸鱼一条
·
2023-04-10 04:51
vue.js
javascript
前端
vue-
列表过滤和排序
1.列表过滤运用了Vue实例化的computed(计算属性)例子:{{index}}--{{p.name}}--{{p.age}}年龄升序年龄降序原本顺序newVue({el:'#test',data:{searchName:"",persons:[{name:'tom',age:18},{name:'tzh',age:19},{name:'txm',age:20}]},computed:{//计
|不勤
·
2023-04-10 04:18
前端
Vue
IT学习
vuecrud钩子_42、前端基础-
Vue-
生命周期和钩子函数
大型分布式架构电商平台,技术多面、业务深入,全网无出其右。技术涵盖:微服务架构+分布式+全栈+集群+部署+自动化运维+可视化CICD,对标阿里P6/P7,冲击40-60w年薪。项目由业务集群系统+后台管理系统构成,打通了分布式开发及全栈开发技能,包含前后分离全栈开发、Restful接口、数据校验、网关、注册发现、配置中心、熔断、限流、降级、链路追踪、性能监控、压力测试、系统预警、集群部署、持续集成
我不是庄俊男
·
2023-04-03 14:37
vuecrud钩子
VUE-
状态管理模式
从上方的图中可以看出store的作用就是将一些状态在各个组件中进行共享,如说登录状态。这里我们需要用到vuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。1)什么是“状态管理模式”?newVue({//statedata(){return{count:0}},//viewtemplate:`{
不拿Offer不改名
·
2023-04-03 11:23
前端vue
vue
vue.js
Vue-
内容分发
文章目录
Vue-
内容分发九、内容分发1、测试内容分发:2、自定义事件3、Vue入门小结
Vue-
内容分发九、内容分发在Vue.js中我们使用元素作为承载分发内容的出口,作者称其为插槽,可以应用在组合组件的场景中
lengzher_5601
·
2023-04-02 19:38
Vue
vue.js
java
javascript
Vue-
自定义事件内容分发
Vue-
自定义事件内容分发前言案例分析视图层组件自定义事件内容分发第一步第二步第三步图解结论前言什么叫做自定义事件内容分发呢?
叫我菜菜就好
·
2023-04-02 19:06
VUE基础
vue.js
前端
vue-
组件的总结
组件全局组件全局组件{{count}}Vue.component('component-test',{template:"#template-test",data(){return{count:0}},})varvm=newVue({el:"#app",})局部组件constcompb={template:'compb'}constcompa={template:`compa`,component
王蕾_fd49
·
2023-04-02 11:52
vue-
组件化-插槽(slot)
理解Vue组件化中,当我们在设计一个组件的时候,可能会保留一部分,让使用者自定义的内容,比如:导航栏组件中,右上角的分享按钮,左上角做菜单按钮弹出框组件中,弹出框的提示内容等...在这种场景下,把保留给使用者的部分,叫做插槽(slot)插槽分类匿名插槽理解:所谓匿名插槽,就是这个插槽里,没有声明任何名称,使用者放进来的东西,都扔进这个插槽中。匿名插槽是一种特殊的具名插槽,也就是名为default的
IT_梅
·
2023-04-02 10:22
Vue-
将vue项目部署到码云pages服务上
有时候我们在学习vue的时候,会开发几个小demo,要是没有云服务器,别人就看不到demo长什么样。不过码云中的pages服务帮我们解决了这个问题。码云pages码云Pages是一个免费的静态网页托管服务,您可以使用码云Pages托管博客、项目官网等静态网页。如果您使用过GithubPages那么您会很快上手使用码云的Pages服务。目前码云Pages支持Jekyll、Hugo、Hexo编译静态资
Renaissance_
·
2023-04-02 00:00
Vue-
纯前端导出word文档
在项目中,我们可以借助后端返回文件流实现文件下载。如果前端有数据,也可以借助前端框架进行下载。本文将介绍如何在前端纯js实现word文档导出。1.组件介绍要实现前端纯js导出word文档,我们需要用到docxtemplater,jszip-utils,file-saver三个组件,接下来简要的介绍以下三个组件。1.1docxtemplaterdocxtemplater使用JSON数据格式作为输入,
Renaissance_
·
2023-04-01 22:37
vue-
父子组件&第三方组件
一、父子组件1、父子组件传值(1)父传子①css样式*{margin:0;padding:0;}#app{border:1pxsolid#eee;padding:10px;margin:10px0;}.child1{border:1pxsolidred;padding:10px;}.child2{border:1pxsolidgreenyellow;padding:10px;margin:10px
韩歆歆
·
2023-04-01 02:39
Vue-
过度与动画
一、过度vue提供了transition的封装组件所有关于过度的动画都是通过transition组件设置的几种能够能够过度的场景条件渲染(使用v-if)条件展示(使用v-show)动态组件组件根节点基本使用显示隐藏transition组件嵌套一个div,这个标签通过设置css样式进行过度显示过度效果.v-enter-active,.v-leave-active{transition:opacity
敢问
·
2023-03-31 18:44
VUE
vue.js
Vue学习笔记1.0(第二天)
vue制作weibo交互
vue-
>1.0vue-resourceajaxphp服务器环境(node)this.$http.get()/post()/jsonp()this.
weixin_39511858
·
2023-03-31 12:49
vue
上一页
4
5
6
7
8
9
10
11
下一页
按字母分类:
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
其他