vue
柠檬布丁^O^
越努力越幸运
展开
-
element form表单的简单实现
element form表单Form 表单 | Element Plus源码地址:GitHub - ElemeFE/element: A Vue.js 2.0 UI Toolkit for Web想要实现上图的表单我们只需要引入element-ui的form表单,按照表单的传参要求,就可以实现上图的效果<template> <el-form ref="ruleForm" :model="ruleForm" :rules="rules".原创 2022-03-09 12:09:22 · 2212 阅读 · 0 评论 -
vue组件间通信
组件通信常用方式prop 、eventbus(事件总线)、vuex自定义事件 (不常用)1、边界情况:$parent 、$children、$root、$ref、provide/inject2、非prop特性:$attrs、$listeners组件间通信:1、Prop — Vue.js// 父传给子// childprops: {msg :String}// parent<component msg='hello world!'>// 子传给父// ch原创 2022-03-08 11:33:31 · 678 阅读 · 0 评论 -
vue组件化的优点
1.组件化是独立和可复用的代码组织单元。组件系统是vue核心特性之一,它使开发者使用小型、独立和通常可复用的组件构建大型应用;2.组件化开发能大幅度提高应用开发效率、测试性、复用性等;3.组件使用按分类有:页面组件、业务组件、通用组件;4.vue的组件是基于配置的,我们通常编写的组件是组件配置而非组件,框架后续会生成其构造函数,它们基于VueComponent,扩展于Vue;5.vue中常...转载 2020-04-29 15:45:54 · 6556 阅读 · 0 评论 -
使用vue的项目中如何使用moment.js
1.下载npm install moment --save2.全局导入,在main.js中引入import Moment from 'moment'3.使用//自定义moment全局过滤器Vue.filter('converTime',function(data,formatStr){ return Moment(data).format(formatStr);});...原创 2019-11-03 20:27:33 · 5649 阅读 · 0 评论 -
使用vscode如何设置vue模板
1.选择File中的Preferences中的User Snippets2.搜索vue,选择vue.json3.将下面内容复制到vue.json的大括号中,保存"Print to console": { "prefix": "vue", "body": [ "<template>", ...原创 2019-10-27 15:53:39 · 8943 阅读 · 1 评论 -
Vuex的使用
Vuex:主要应用于Vue.js中管理数据状态的一个库。通过创建一个集中的数据存储,供程序中所有组件访问。单一使用Vue.js的场景:使用Vuex.js的场景:store:相当于数据库存储数据state:存储数据getter:获取数据mutations:触发事件,改变状态actions:异步逻辑可以包含任意异步操作,提交的mutation,而不是直接变更状态什么情况下应该使...转载 2019-03-17 21:39:24 · 153 阅读 · 0 评论 -
Vuex状态管理的工作原理
为什么要使用Vuex?转载 2019-03-17 14:37:20 · 3536 阅读 · 0 评论 -
Vue自定义事件打开网页input自动聚焦
全局定义一个自定义事件:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://unpkg.com/vue/di转载 2019-03-16 14:42:58 · 827 阅读 · 0 评论