文章列表
-
- 如何使用Vue的思想封装一个Storage
- 目录背景功能目的想法来源实现setgetdeletePropertypreventExtensionshas总结背景localStorage、sessionStorage 这两个 API 是我们前端日常开发中的存储的利器， 我们经常会使用它们存储一些数据。我们日常在对他们进行操作的时候，对 loca...
- 日期：2023-12-12
- 浏览：186
- 标签： Vue
-
- vue中父子组件传值,解决钩子函数mounted只运行一次的操作
- 因为mounted函数只会在html和模板渲染之后会加载一次，但是在子组件中只有第一次的数据显示是正常的，所以需要再增加一个updated函数，在更新之后就可以重新进行取值加载，完成数据的正常显示。beforCreate（创建之前）Created（创建之后）beforMount（载入之前）Mount...
- 日期：2022-12-27
- 浏览：261
- 标签： Vue
-
- vue在App.vue文件中监听路由变化刷新页面操作
- 在路由跳转时，会出现页面需要重新刷新一遍才能获取数据加载页面，这时添加一个监听器，如果跳转到页面刷新一次。export default { name: ’App’, provide(){ return{ reload:this.reload } }, data(){ return { isRou...
- 日期：2022-12-07
- 浏览：371
- 标签： Vue
-
- Vue封装全局过滤器Filters的步骤
- （PS：本文代码在vue-cli3构建的基础vue项目之上进行编写：vue create my-project）在前后端分离的项目中，经常会有后台返回的数据需要经过处理才能显示到页面上的场景。使用最多的场景就是日期/时间、数字、字符串的格式化处理，实际业务中可能还有更复杂的数据处理逻辑。下面就拿封装...
- 日期：2022-11-21
- 浏览：244
- 标签： Vue
-
- vue 在单页面应用里使用二级套嵌路由
- 在一个单页面应用里使用二级套嵌路由目录结构如下：其中main.js为全局配置文件，App.vue为项目入口。main.js中路由配置如下import Vue from ’vue’//引入vueimport App from ’./App’//引入主模板import Router from ’vue-...
- 日期：2022-10-17
- 浏览：233
- 标签： Vue
-
- Vue过滤器,生命周期函数和vue-resource简单介绍
- 一、过滤器使用例子：<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title> <script src='vue...
- 日期：2022-10-11
- 浏览：140
- 标签： Vue
-
- Vue封装一个TodoList的案例与浏览器本地缓存的应用实现
- 本文主要介绍了Vue封装一个TodoList的案例与浏览器本地缓存的应用实现，分享给大家，具体如下：使用Vue封装一个简易的Todolist的小案例. 同时加入了浏览器本地缓存的技术手段.浏览器本地缓冲: 前提： 一般我们定义的变量，或者用Vuex保存的数据， 当浏览器进行了一个刷新 那么这个...
- 日期：2022-09-30
- 浏览：258
- 标签： Vue
-
- Vue自定义v-has指令,做按钮权限判断的步骤
- 应用场景以后台管理系统为例，每个用户所拥有的按钮权限不一样。管理员配置权限之后，用户登录时，从接口拿到按钮权限列表，然后根据后台数据判断显示哪些按钮。简单说一下，自定义指令Vue.js官网关于自定义指令的讲解cn.vuejs.org/v2/guide/cu…基础概念Vue除了核心功能默认内置的指令（...
- 日期：2022-09-30
- 浏览：312
- 标签： Vue
-
- vue实现集成腾讯TIM即时通讯
- 本文主要介绍了vue实现集成腾讯TIM即时通讯，分享给大家，具体如下：上图前言项目需要做个客服功能，用户端小程序，客服人员web端，于是用到了腾讯的tim准备工作在腾讯云官网上创建应用，获取到相应的SDKAppID和相应的秘钥信息安装SDK（1） web项目使用命令// IM Web SDKnpm ...
- 日期：2022-09-28
- 浏览：321
- 标签： Vue
网公网安备