![](https://img-blog.csdnimg.cn/20190918140158853.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vuejs
文章平均质量分 76
Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。
CamphorBloom
本科在读大学生
展开
-
推荐7款优秀的vue table数据表格组件
数据表格(datatable )组件旨在为Web 应用程序上表示和操作表格数据提供一种简单方便的解决方案。它允许用户以灵活、强大的方式过滤、格式化、分页、编辑、排序、添加和删除其数据。转载 2023-03-07 21:41:37 · 18676 阅读 · 1 评论 -
【vue】使用自定义指令实现时间戳格式化
通过自定义指令directive实现可以自动对时间戳格式化的功能,并抽取封装成工具类。原创 2022-12-23 19:17:57 · 1154 阅读 · 0 评论 -
vue之watchEffect
在Composition API中,我们可以使用watchEffect和watch来完成响应式数据的侦听。watchEffect用于自动收集响应式数据的依赖,需要手动指定侦听的数据源。原创 2022-12-23 11:11:44 · 3248 阅读 · 0 评论 -
vue之动态组件
组件切换实现方式:(1)通过v-if来判断显示不同的组件(2)动态组件是使用......原创 2022-12-20 15:53:37 · 813 阅读 · 0 评论 -
vue之非父子组件通信实现方式
在开发中,我们构建了组件树之后,除了父子组件之间的通信之外,还会有非父子组件之间的通信。这里主要讲两种方式:1、Provide和Inject 2、Mitt全局事件总线。原创 2022-12-19 20:47:23 · 1002 阅读 · 0 评论 -
Vue打包后的不同版本解析
vue(.runtime).global(.prod).js、vue(.runtime).esm-browser(.prod).js、vue(.runtime).esm-bundler.js、vue.cjs(.prod).js......原创 2022-12-17 22:28:36 · 1765 阅读 · 2 评论 -
使用vite插件编写tsx文件
通常我们在template标签里去写静态页面模板,现在可以扩展另一种书写风格 tsx,类似react的jsx语法。vue2 的时候就已经支持jsx写法,只不过不是很友好,随着vue3对typescript的支持度增高,tsx写法越来越被接受。原创 2022-12-11 15:39:48 · 1768 阅读 · 3 评论 -
vuejs之父子组件访问【$refs】【$children】
$refs(reference 缩略)是一个对象,持有当前组件中注册过refattribute的所有 DOM 元素和组件实例。原创 2022-08-11 18:53:37 · 2890 阅读 · 0 评论 -
vuejs之父子组件的通信【props】和【$emit】
父子组件间的通信方式,最常用的是props和$emit。父组件向子组件传递数据是通过prop传递的,子组件传递数据给父组件是通过$emit触发事件来实现的。原创 2022-08-10 16:29:31 · 313 阅读 · 0 评论 -
vuejs之组件中的data为什么必须是函数
组件中的data写成函数形式:如果复用组件的话,它们并不是共享同一个对象,每次调用组件的时候,data属性都会return一个新的对象。原创 2022-08-10 09:53:20 · 396 阅读 · 0 评论 -
vue.js之组件(component)
组件(Component) 是Vue 最主要也是最强大的特性之一,它提供了HTML DOM 元素的扩展性, 也可将部分模板、程序代码封装起来以便开发者维护以及重复使用。原创 2022-08-09 12:13:08 · 1059 阅读 · 0 评论 -
Vue.js数据变化侦测原理探究
Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。这使得状态管理非常简单直接,不过理解其工作原理同样重要,这样你可以避开一些常见的问题。...原创 2022-01-10 14:32:05 · 493 阅读 · 0 评论 -
Vue实战之商品购物车案例
学习Vue框架有一段时间了,所以找了个案例练练手,借此来巩固所学知识以及如何将其运用在实际生活场景,学以致用不就是这个意思嘛<_<。好了,废话不多说,切入正题。该案例是利用Vue的计算属性、内置指令、方法等内容,完成一个具有代表性的小功能:购物车。在写代码之前,先对需求进行分析,这样有助于我们理清业务逻辑,尽可能还原设计与产品交互。干程序很忌讳冲上来一股脑霹雳哗啦写代码。购物车需要展示一个已加入购物车的商品列表,包含商品名称、商品单价、购买数量和操作等信息,还需要实时显示购买的总原创 2022-01-02 11:11:28 · 2053 阅读 · 0 评论 -
VueJS-监听属性(Watch Property)
直接看下面的代码示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l原创 2021-12-13 17:10:46 · 962 阅读 · 0 评论 -
Vue-理解MVVM模型
MVVM模型M: 模型(model)——》data中的数据。 V: 视图(view)——》 模板代码。 VM: 视图模型(ViewModel)——》 Vue实例。plain JavaScript Objects(一般js对象)Dom (由Vue模板经过解析形成的页面,生成Dom结构)理清两条主线:Data Bindings(数据绑定)和 Dom Listeners(页面侦听)1、data里的数据(js对象或函数返回的形式)都存储在蓝色区的Model中,然后经过中间绿色Vue实例..原创 2021-12-11 10:45:32 · 779 阅读 · 0 评论