Vue3中 watch、watchEffect 详解
摘要：点击查看官方文档 1. watch 的使用 语法： import { watch } from "vue" watch( name , ( curVal , preVal )=>{ //业务处理 }, options ) ； 共有三个参数，分别为： name：需要帧听的属性； (curVal,pre
阅读全文
posted @ 2024-09-29 11:40
随笔分类 - 05 Vue
如何使用 Vue SFC Playground
摘要：如何导入外部库 使用外部库 导入库： Vue SFC Playground 有一个 import map 功能，在这个文件中可通过在线 cdn 的方式引入外部库，然后在组件中使用。 每个库对应的 cdn 文件，一般可以在 unpkg 这个网站上找到。 但是这个网站没有提供搜索库的功能，所以如果你不知
阅读全文
posted @ 2024-09-29 11:01
toRefs学习
摘要：toRefs : 将一个响应式对象转换为一个普通对象，这个普通对象的每个属性都是指向源对象相应属性的 ref。每个单独的 ref 都是使用 <a href="https://link.zhihu.com/?target=https%3A//cn.vuejs.org/api/reactivity-ut
阅读全文
posted @ 2024-09-26 10:04
Vue3中如何响应式解构 props
摘要：Props | Vue.js (vuejs.org) Vue3 中为了保持响应性，始终需要以 props.x 的方式访问这些 prop。 所以不能够解构 defineProps 的返回值，因为得到的变量将不是响应式的、也不会更新。举例： <template> <!-- count 始终为 0 -->
阅读全文
posted @ 2024-09-26 09:29
useTemplateRef使用
摘要：模板引用 | Vue.js (vuejs.org) 1、使用ref方式： 注意ref属性接收的不是一个ref变量，而是ref变量的名称。 <template> <div> <input type="text" ref="inputEl" /> <button @click="setInputValu
阅读全文
posted @ 2024-09-26 09:11
Vue数据可视化组件：DataV
摘要：组件库名称：DataV项目地址：https://github.com/DataV-Team/DataV文档地址贴几个Demo图DataV是一个基于Vue数据可视化组件库，类阿里DataV，提供SVG的边框及装饰，图表，飞线图等组件，简单易用。主要的组件类型SVG的边框，主要用于提升页面效果，一个边框
阅读全文
posted @ 2020-06-28 11:46
Vue UI 框架推荐使用element-ui
摘要：首推ElementUI: https://element.eleme.cn/ https://github.com/ElemeFE/element 1、支持 vue,angluar,react 2、组件封装都十分简单，很容易修改，上手和学习都特别方便。没有任何障碍。 安装:npm i element
阅读全文
posted @ 2020-06-28 11:35
Vue.js（15）：响应接口
摘要：Vue 可以添加数据动态响应接口。 例如以下实例，我们通过使用 $watch 属性来实现数据的监听，$watch 必须添加在 Vue 实例之外才能实现正确的响应。 实例中通过点击按钮计数器会加 1。setTimeout 设置 10 秒后计算器的值加上 20 。 计数器: {{ counter }} 点我 尝试一下 » Vue 不允许在已经创建的实例上动态添加新的...
阅读全文
posted @ 2020-05-20 14:42
Vue.js（13）：混入
摘要：混入 (mixins)定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。来看一个简单的实例：var vm = new Vue({ el: '#databinding', data: { }, methods : {
阅读全文
posted @ 2020-05-20 14:25
Vue.js（01）：安装
摘要：一、安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用<script type="text/javascript">标签引入(目前最新版本 v2.6.11)。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比
阅读全文
posted @ 2020-05-20 10:46
JavaScript：加密与解密
摘要：目前原生JS貌似并没有提供MD5计算相关的函数方法，只能自己实现或者使用前辈大神写好的。一、使用crypto.js库进行加密GitHub的 https://github.com/brix/crypto-js 上下载该js。它可以单独引入所需要加密方式的js；也可以引入一个crypto-js.js 这个文件，它相当于引入了所有的加密方式。用法： 1、举例：Hash加密： //加密实例一 c...
阅读全文
posted @ 2020-03-24 11:15
Vue.js（00）： 介绍
摘要：Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。官网：https://vuejs.org/开源地址：https://github.com/vuejs/vue官方文档：http://vuejs.org/v2/guide/syntax...
阅读全文
posted @ 2020-03-19 16:13
