小蚂蚁的世界

Github地址被我删除了，不记得这里文章有引用了，有需要的话可联系，在上传一份到github项目中可能会遇到需要扩展已经用到的前端框架，并且想在其文档中维护项目开发中新添加的组件。这里以element-ui扩展一个之前写的日历组件，并且应用到项目中使用。doc维护页面先看一下添加vue日历组件之后在页面的添加的日历组件展示。扩展element-ui步骤首先fork git...

这里主要分为Vue风格指南和customer自定义风格，后续应该会继续更新。vue风格指南 优先级A（必要的） 组件名为多个单词export default { name: 'vue-calendar', components: { 'calendar-body': CalendarBody, 'calendar-header': CalendarHe...

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。这篇文章知识将路由基础知识按照下面的图解来学习梳理。项目注入项目主文件 main.js注册router文件// The Vue build version to load with the `import` command// (runtime-onl...

之前项目中有用到日历控件，当时由于时间问题，是在网上找到一个demo，然后二次开发的，从那时就想着自己写一个日历控件。这篇文章说明日历数据的处理，去除月份天数判断以及是否闰年判断。 设计（以最常用的按月份的日历）日历其实大家都很熟悉，一切的设计都是从功能出发，这是根本。日历的功能分为两大块。日历头部：当前年份/月份。 日历主体：当前月份的具体的日期信息。 日历主体的行数：现在我们...

最近一直在加班，都没时间学习，真的是对于vue的知识没有多少进步，昨天还在公司加班，今天抽空学习一下生命周期吧。生命周期基本介绍官方文档相关介绍生命周期。还是先举例子：<template> <div class="app-container"> <div> <h2>{{message}}</h2&g...

项目开发中，由于后台返回的数据是时间戳，所以前台需要有一哥统一处理日期。举例：后台返回时间戳：1544942468922DocumentDate.Transfer(time).Format('yyyy-MM-dd', /*optional*/ nullValueShow)Transfer将时间戳转换成Date类型，Format第一个参数为日期格式，第二个参数为可选，当日期为nul...

1. 父组件向子组件传值 Prop (1) props的接受方式说明 (2) prop命名问题 (3) prop的初始化处理 Prop 传值内容2. 父/子组件主动获取子/父组件 父组件主动获取子组件 子组件主动获取父组件3. 自定义事件4. 非父子组件通信5. 组件插槽 简单用法 具名插槽

可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。v-model 会忽略所有表单元素的 value、checked、se...

之前学习到v-on指令绑定，引入了事件绑定。所以这一章学习事件相关知识。先把之前的一个例子贴出来：<template>  <div>    <input type="text" v-bind:value="number">    <button @click="addFunction">number + 1</b

指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式 (v-for 是例外情况，稍后我们再讨论)。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。 参数一些指令能够接收一个“参数”，在指令名称之后以冒号表示。例如，v-bind指令可以用于响应式地更新 HTML 特性：<a v-bin...

写在开始，由于项目更换，需要用到vue + spring boot，所以这个周末又要突击一把了。其中如果有不对的地方还请指出来，毕竟是初学者。写博客当学习笔记。vue创建安装vue脚手架npm install -g vue-cli创建项目（学习以下面第一种方式创建项目）vue init webpack project-namevue init webpack-simpl...