随笔分类 - Java_JavaScript_VueJs
摘要:Element el-date-picker 日期选择器的使用 更新时间:2023年04月30日 11:18:26 作者:程序员大阳 本文主要介绍了Element el-date-picker 日期选择器的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们
阅读全文
摘要:一:前言本文属于转载;二:正文1:示例展示单选多选index.vue<template> <el-select ref="select" v-model="defaultValue" :title="isNeedTitle ? getTitle() : null" :clearable="false
阅读全文
摘要:在JavaScript中有多种循环遍历对象的方法,下面本篇文章就来给大家介绍一下使用JavaScript循环遍历对象的方法,希望对大家有所帮助。 1、使用for 循环 for 循环是 js 中最常用的一个循环工具,经常用于数组的循环遍历。 let arr = [1,2,3]; for (let i=
阅读全文
摘要:一:Vue 知识要点说明:1.概念 在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。 Github地址:https://github.com/vuejs/vuex2.何时使用? 多个组
阅读全文
摘要:一:知识点说明## 插槽 1. 作用:让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于 <strong style="color:red">父组件 > 子组件</strong> 。 2. 分类:默认插槽、具名插槽、作用域插槽 3. 使用方式: 1. 默认插槽: ```v
阅读全文
摘要:1:安装插件 vue-resourcevue的插件库,在vue1.0年代使用几率很高2:界面效果3:代码信息说明:该示例代码基本上是与《“Vue 中通过事件总线方式组件间传递数据及调用 Vue脚手架中的axios数据调用方式获取github提供的用户接口数据信息 ”》一文中的代码相同。 故:此处只列
阅读全文
摘要:1:看界面效果 2:代码结构 3:代码内容 3.1:引入第三方css样式表: bootstrap.css /*! * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed u
阅读全文
摘要:Vue 脚手架代理配置说明## vue脚手架配置代理 ### 方法一 在vue.config.js中添加如下配置: ```js devServer:{ proxy:"http://localhost:5000" } ``` 说明: 1. 优点:配置简单,请求资源时直接发给前端(8080)即可。
阅读全文
摘要:Vue封装的过度与动画1:知识点:## Vue封装的过度与动画 1. 作用:在插入、更新或移除 DOM元素时,在合适的时候给元素添加样式类名。 2. 图示:<img src="https://img04.sogoucdn.com/app/a/100520146/5990c1dff7dc7a8fb3b
阅读全文
摘要:Vue 中的 todolist 的修改todo事件名称操作:消息订阅_全局事件总线_nextTick 定时执行事件、本地储存1:nextTick 事件说明nextTick语法:this.$nextTick(回调函数)作用:在下一次 DOM 更新结束后执行其指定的回调。 什么时候用:当改变数据后,要基
阅读全文
摘要:Vue中的消息订阅1:内容说明:消息订阅与发布(pubsub) 一种组件间通信的方式,适用于任意组件间通信。 使用步骤: 安装pubsub:npm i pubsub-js 引入: import pubsub from 'pubsub-js' 接收数据:A组件想接收数据,则在A组件中订阅消息,订阅的回
阅读全文
摘要:Vue中 TodoList 示例: 浏览器本地存储、自定义事件、全局数据总线1:使用说明:总结TodoList案例 组件化编码流程: (1).拆分静态组件:组件要按照功能点拆分,命名不要与html元素冲突。 (2).实现动态组件:考虑好数据的存放位置,数据是一个组件在用,还是一些组件在用:
阅读全文
摘要:Vue中全局事件总线1:全局事件总线2:示例代码结构3:代码内容vue.config.jsconst { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencie
阅读全文
摘要:Vue中 TodoList 示例: 浏览器本地存储、自定义事件1:界面展示情况2:源代码vue.config.jsconst { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpil
阅读全文
摘要:Vue 中自定义事件1:自定义说明/* 组件的自定义事件 一种组件间通信的方式,适用于:子组件 > 父组件 使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中)。 绑定自定义事件: 第一种方式,在父组件中:<Demo @atguigu="test"/
阅读全文
摘要:Vue 的 todos 本地存储示例1:界面效果2:代码结构:3:代码内容:vue.config.jsconst { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDepen
阅读全文
摘要:Vue的浏览器中的 webStorage1:Api介绍/* webStorage 存储内容大小一般支持5MB左右(不同浏览器可能还不一样) 浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。 相关API: xxxxxStor
阅读全文
摘要:Vue 中的 Todo-list 案例1:示例总结TodoList案例 组件化编码流程: (1).拆分静态组件:组件要按照功能点拆分,命名不要与html元素冲突。 (2).实现动态组件:考虑好数据的存放位置,数据是一个组件在用,还是一些组件在用: 1).一个组件在用:放在组件自身即可。
阅读全文
摘要:Vue 中组件的局部css样式配置:scoped样式1:说明:<!-- ## scoped样式 1. 作用:让样式在局部生效,防止冲突。 2. 写法:```<style scoped>``` -->2:代码结构3:代码内容index.html<!DOCTYPE html> <html lang=""
阅读全文
摘要:Vue 中plugins插件的使用1:说明/* ## 插件 1. 功能:用于增强Vue 2. 本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 3. 定义插件: ```js 对象.install = function (Vue, o
阅读全文