vue
文章平均质量分 77
妙趣前端
学生
展开
-
一款支持vue3 的颜色选择器
一款支持vue3 的颜色选择器npm 地址特点简单易用,UI在原插件基础上优化增加了圆角和过渡动画提供以 npm 的形式安装提供全局组件在支持 html5 input[type=‘color’] 的浏览器实现了「更多颜色」的功能安装npm i colorpicker-v3使用在main中注册组件在 main.js 文件中引入插件并注册import { createApp } from 'vue'import App from './App.vue'import ColorP原创 2022-01-29 12:14:39 · 5140 阅读 · 4 评论 -
数据响应式
defineReactive函数监听变化import observe from './observe'export default function defineReactive(data, key, val) { console.log("我是defineReactive", data, key) if (arguments.length === 2) { val = data[key] } // 子元素要进行observe ,至此形成 递归, 这个.原创 2021-02-14 20:30:00 · 370 阅读 · 0 评论 -
手写MVVM双向数据绑定
作者:晴栀Sunset必须记住我们学习的时间是有限的。时间有限,不只由于人生短促,更由于人的纷繁。我们应该力求把我们所有的时间用去做最有益的事。文章目录手写MVVM双向数据绑定基础知识Object.defineProperty()语法描述描述符默认值汇总描述符可拥有的键值示例创建属性修改属性Writable 属性Enumerable 属性Configurable 属性添加多个属性和默认值[自定义 Setters 和 Getters]继承属性Proxy术语语法参数方法handler 对象的方法示...原创 2021-02-02 17:57:17 · 232 阅读 · 0 评论 -
vue watch监听对象及对应值的变化
vue watch监听对象及对应值的变化var vm=new Vue({ data:{ a:1, b:{ c:1 } }, watch:{ a(val, oldVal){//普通的watch监听 console.log("a: "+val, oldVal); }, b:{//深度监听,可监听到对象、数组的变化 han原创 2021-01-17 08:11:34 · 2383 阅读 · 0 评论 -
uniapp 多个视频时播放当前视频暂停其他视频解决方案
<template> <view class="video-content"> <!-- <topNavbar title="用户口碑" isIcon titilePosition="left" @clickIcon="navToBack"> </topNavbar> --> <view class="main" v-for="item in videoList" :key="item.id"> <vie.原创 2020-12-26 22:51:47 · 4225 阅读 · 6 评论 -
预填充Vue.js全局存储状态的三种方法
如果落日的余辉照射着你的双手,你发觉它们当天并没有做过有价值的事情,那你就应当把这一天看作已经失落文章目录预填充Vue.js全局存储状态的三种方法如何在我的应用加载之前将数据添加到存储中?设置初始状态在应用挂载时请求数据在应用加载之前请求数据结语预填充Vue.js全局存储状态的三种方法在构建 Vue.js 应用程序时,当这些应用程序的规模扩张到一定程度后,你就可能会遇到管理全局状态的需求了。还好,他们的核心开发团队提供了 Vuex 这个便利的工具,这是 Vue.js 应用程序状态管理库的事实标..原创 2020-12-22 22:52:37 · 552 阅读 · 0 评论 -
uni-app自定义全屏切换组件
uni-app自定义全屏切换组件目录结构顶部导航实现 <top-tab></top-tab><template> <view class="tab"> <!-- scrollToView: 控制滚动的距离 通过id绑定 --> <scroll-view class="tab-scroll" scroll-x :scroll-into-view="scrollToView" scroll-with-animation>原创 2020-11-29 16:40:53 · 2875 阅读 · 1 评论 -
实战技巧,Vue原来还可以这样写!
文章目录`hookEvent`,原来可以这样监听组件生命周期1. 内部监听生命周期函数2. 外部监听生命周期函数小项目还用`Vuex`?用`Vue.observable`手写一个状态管理吧创建 `store`在组件中引用开发全局组件,你可能需要了解一下`Vue.extend`开发`loading`组件通过`Vue.extend`将组件转换为全局组件1. 改造`loading`组件,将组件的`props`改为`data`2. 通过`Vue.extend`改造组件3. 在页面使用loading将组件挂载到`Vu原创 2020-09-05 06:54:31 · 203 阅读 · 0 评论 -
VUe使用v-html渲染数据时修改样式
通过在网上查阅资料主要有三种解决方法:1. 定义一个class在<style>标签中使用深度选择器 >>>指向想要改变样式的元素,这里以改变图片样式为例,测试可用。(也可以尝试使用 width:100% !important)<div class="content" v-html="item.content"></div> <style scoped>.content >>> img {原创 2020-08-23 09:18:45 · 1759 阅读 · 0 评论 -
JSON Web Token 入门教程
JSON Web Token 入门教程JSON Web Token(缩写 JWT)是目前最流行的跨域认证解决方案,本文介绍它的原理和用法。一、跨域认证的问题互联网服务离不开用户认证。一般流程是下面这样。1、用户向服务器发送用户名和密码。2、服务器验证通过后,在当前对话(session)里面保存相关数据,比如用户角色、登录时间等等。3、服务器向用户返回一个 session_id,写入用户的 Cookie。4、用户随后的每一次请求,都会通过 Cookie,将 session_id 传回服务器。原创 2020-08-22 23:13:30 · 143 阅读 · 0 评论