2024-11-24 厉飞雨 阅读(3) 评论(0) 赞(0)

 Vue3开发：简单实例说明路由VueRouter4的应用。 vue-router4保持了大部分API不变，我们只关注变化部分即可。一起来学习下吧。 ### 安装 执行如下命令： ``` yarn add vue-router@4 ``` ### 使用 **router.js** ``` import { cre...

2024-11-24 厉飞雨 阅读(6) 评论(0) 赞(0)

 多选列表是一种将所有选项列出，使用 MultiSelect 属性可以指定...

2024-11-24 厉飞雨 阅读(4) 评论(0) 赞(0)

 keep-alive是一个抽象组件，它自身不会渲染一个DOM元素，也不会出现在父组件链中；使用keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 ### Props： * `include` - 字符串或正则表达式。只有名称匹配的组件会被缓存。 * `exclude` - 字符串或正则表达式。任何...

2024-11-24 厉飞雨 阅读(3) 评论(0) 赞(0)

 分享一个vue开发的小TIPS：可拖拽的弹框。我们是使用的是vue+element，一起往下看吧。 element的dialog弹框在项目中挺常用的。但有时候嵌套的话会遮住，体验不好。拖拽形式的弹框会提高用户体验 借助基于 Sortable.js 的 Vue 拖拽组件vuedraggable 安装 ``` npm ins...

2024-11-24 厉飞雨 阅读(3) 评论(0) 赞(0)

 最近在折腾uni-app项目，其实蛮想吐糟它有多LJ的，但是为了工作，忍忍吧。还没玩过uni-app的可以尝试下咯。 ### uni-app简介 uni-app是一个使用 [Vue.js](/VueJs/)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付...

2024-11-24 厉飞雨 阅读(4) 评论(0) 赞(0)

 vue开发TIPS：了解下watch和computed。 ### computed 计算属性说明： computed 是基于响应性依赖来进行缓存的。只有依赖数据发生改变，才会重新进行计算（当触发重新渲染，若依赖数据没有改变，则 computed 不会重新计算）。若没改变，计算属性会立即返回之前缓存的计算结果。 不支持异步，...

2024-11-24 厉飞雨 阅读(4) 评论(0) 赞(0)

 Reactivity systems是现代前端框架的关键部分之一。它们是...

2024-11-24 厉飞雨 阅读(3) 评论(0) 赞(0)

 通常，在构建JavaScript应用程序时，您需要从远程源获取数据或使用API。可以使用许多公开的API中的数据来完成很多很酷的工作。 使用[Vue.js](/VueJs/)，您可以从字面上围绕这些服务之一构建应用程序，并在几分钟之内开始向用户提供内容。 我将演示如何构建一个简单的新闻应用程序，该应用程序将显示当天的热门新闻...

2024-11-24 厉飞雨 阅读(4) 评论(0) 赞(0)

 vuejs开发：vue-video-player插件。 最近的项目中需要实现视频断点续播的功能，一听到这个功能。内心方张了..但却又有点小窃喜，小懵乱。抱着求学态度去挑战一下。 ``` npm install vue-video-player --save ``` ``` import VideoPlayer from &...

2024-11-24 厉飞雨 阅读(5) 评论(0) 赞(0)

 VUE开发：vue-cli中实现响应式布局。 我们在进行前端开发中必然会遇到PC与移动端的适配，面对这样的问题有些公司会准备两个页面，移动是移动，PC是PC，而响应式布局就是根据用户不同的机型展示不同的页面，废话不多说，直接贴代码 首先我们这个功能是借助vuex实现的，没下载的小伙伴可以先下一个。 ``` yarn add...