![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 77
小祥编程
还在路上行走的小白,向着目标而努力,加油!
展开
-
前端实现拖拽效果改变元素顺序
在一次工作中,前端要实现通过鼠标实现拖拽改变顺序的功能,之前没有接触过拖拽这一块所以刚开始一筹莫展,幸运的是在查阅学习中实现了前端拖拽功能。操作都是在handleDragEnter()这个函数中来实现的,所以并不难,只需要我们在这个函数中写js逻辑即可。原创 2023-05-23 14:46:41 · 2229 阅读 · 0 评论 -
Vue【九】vue导入与导出语法
vue中导入与导出语法经常见到,并且也经常使用,导入与导出语法主要分默认和按需。要导入按需导出的成员 就必须使用按需导入按需导入语法,当文件中只导出一个成员的时候 通常使用默认导出,当文件中只导出多个成员的时候 通常使用按需导出。原创 2022-12-06 18:26:39 · 1688 阅读 · 0 评论 -
Vue【十】vue修饰符
Vue【十】vue修饰符。vue修饰符大致分为事件修饰符,v-model修饰符,按键修饰符,系统修饰符,鼠标按钮修饰符,还有一个我们在使用框架的时候框架提供的,比如element的修饰符.native。原创 2022-12-05 22:17:51 · 432 阅读 · 0 评论 -
Vue【八】路由vue-router的封装
Vue【八】路由vue-router的封装。把路由配置都写在main.js中会显的特别乱,小项目还好,大项目就会看的眼花缭乱,因此,在开发中常把路由单独封装起来,然后再main.js中导入。原创 2022-11-23 00:04:40 · 1188 阅读 · 0 评论 -
Vue【七】路由vue-router简单使用,从下载到配置以及最后的简单应用。
路由是游览器URL(统一资源定位器)中的哈希值(#hash)与展示视图组件之间的对应规则。在 web App 中, 经常会出现通过一个页面来展示和管理整个应用的功能。SPA 往往是功能复杂的应用,为了有效管理所有视图内容,前端路由 应运而生,优点是路由之间切换不会重新刷新页面,但是初次加载会缓慢。本文主要简单讲了vue-router的基本使用,关于路由的其他使用,例如:路由封装、声明式导航以及编程式导航的讲解会在博主后续文章中讲解。原创 2022-11-22 23:31:07 · 732 阅读 · 0 评论 -
Vue【六】vue生命周期(钩子函数)
Vue【六】vue生命周期(钩子函数),生命周期函数:是由vue框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行,不需要手动调用。生命周期 => 一个事物从出生 到 消亡的全部过程本文主要讲了vue基础语法中的生命周期(钩子函数)。原创 2022-11-20 21:26:21 · 1478 阅读 · 0 评论 -
Vue【四】vue自定义指令。
除了核心功能默认内置的指令 (v-model和v-show),Vue 也允许注册自定义指令。v-xxx注意,代码复用和抽象的主要形式是组件。然而,有的情况下,仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。例如需求: 当页面加载时,让元素将获得焦点 , (autofocus 在 safari 浏览器有兼容性)。原创 2022-11-18 23:14:52 · 344 阅读 · 3 评论 -
Vue【三】vue指令语法 一,vue基础语法中的v-bind、v-on、v-if、v-show、v-else、v-else-if这六个指令语法的介绍以及基本使用。
vue指令, 实质上就是特殊的 html 标签属性, 特点: v- 开头。每个 v- 开头的指令, 都有着自己独立的功能, 将来vue解析时, 会根据不同的指令提供不同的功能本文主要讲了vue基础语法中的v-bind、v-on、v-if、v-show、v-else、v-else-if这六个指令语法的介绍以及基本使用。原创 2022-11-16 16:14:44 · 430 阅读 · 0 评论 -
Vue【二】渲染数据,计算属性computed、侦听器watch的使用,成绩案例。
Vue【二】渲染数据,计算属性computed、侦听器watch的使用,成绩案例。刚学完watch、computed我们可以在下面的小项目练一下手,后面做项目也会用到下面思路以及做题方法,涉及到filter,reduce等数组方法。原创 2022-11-14 22:54:19 · 988 阅读 · 0 评论 -
Vue【一】全选与反选的实现,computed计算属性的应用,以及computed计算属性对象写法内置的set和get的使用
Vue【一】全选与反选的实现,computed计算属性的应用,以及computed计算属性对象写法内置的set和get的使用,初学者在学完计算属性的时候,可以拿这个小项目来练手,如果忘了计算属性的应用,也可以用这个小项目回忆一波。动态展示注:文章末尾有初始化的结构,拿来用即可。本案例主要用了计算属性对象写法中的get和set,get方法是通过其他属性来算计自己,set是通过自己来算计其他属性。原创 2022-11-14 21:27:56 · 871 阅读 · 0 评论