day07-Vue04
Vue04 12.Vue2 脚手架模块化开发 目前开发模式的问题： 开发效率低 不够规范 维护和升级，可读性比较差 12.1基本介绍 官网地址 什么是Vue Cli脚手架 12.2环境配置，搭建项目 VUE安装教程+VScode配置 搭建Vue脚手架工程，需要用到NPM（node package m ...
Vue + Element 自定义上传封面组件
前一段时间做项目，频繁使用到上传图片组件，而且只上传一个封面，于是想着自定义一个图片封面上传组件。先来看一下效果： 第一张图片是上传之前，第二张图片是上传成功后，第3张图片是鼠标放上去之后的效果！ 首先整理需求，图片上传我们使用照片墙的方式，只能上传一张图片，图片上传成功后不能继续上传，如果想要更换 ...
day06-Vue03
Vue03 10.组件化编程 10.1基本说明 官网链接：https://v2.cn.vuejs.org/v2/guide/components-registration.html 在大型应用开发时，页面可以划分成很多部分。不同的页面，往往也会有相同的部分——例如可能会有相同的头部导航 如果每个页面 ...
13.VUE
VUE 笔记目录：(https://www.cnblogs.com/wenjie2000/p/16378441.html) 视频教程(P146~P148) 本篇是使用的vue2。虽然vue3.x已经出了，目前但对于后端人员来说了解一些vue2就足够了。不需要过于深入学习 Vue是一套前端框架，免除原 ...
day05-Vue02
Vue02 7.修饰符 7.1基本说明 修饰符（Modifiers）是以.指明的后缀，指出某个指令以特殊方式绑定 官方文档：修饰符 Vue中的修饰符有： 事件修饰符 按键修饰符 系统修饰符 事件修饰符 <!-- 阻止单击事件继续传播 --> <a v-on:click.stop="doThis">< ...
day04-Vue01
Vue01 1.Vue是什么？ Vue（读音/vju:/，类似于view）是一个前端框架，依据构建用户界面 Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或者项目整合 支持和其他类库结合使用 开发复杂的单页应用非常方便 Vue是Vue.js的简称 官网：Vue.js - 渐进式 Java ...
浅谈组件二封-vue
本文仅仅针对vue系列做探讨, 项目倾向于大量增删改查的后台管理项目 组件二封不是换一种写法 大量帖子的组件二封都是用json, 然后将prop/emit/slot通过一种json配置来完成. 不是说这种写法绝对不好, 毕竟还真有这种场景, 比如动态表单. 但是, 一般理性而论, 失去了IDE的代码 ...
Vue.js
@ 1、vue核心基础 Vue是一套用户==构建用户界面==的==渐进式==JavaScript框架 作者：尤雨溪 vue的特点： 采用==组件化==模式，提高代码复用率，且让代码更好维护。 ==声明式==编码，让编码人员无需直接操作DOM，提高开发效率。 使用==虚拟DOM==+优秀的==Diff ...
Vue生命周期
官网解释 一、Vue的生命周期 Vue 实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程，称这是Vue的⽣命周期。 Vue2生命周期： 1.beforeCreate（创建前） 数据观测和初始化事件还未开始，此时 data ...
VUE常用方法
VUE常用方法 前言 总结了一些比较常用的方法，不全，仅供参考。 splice 简介 splice(index,len,item)：是vue中数组变异的方法之一，可以用来删除，更新，和增加数组内容，会改变原数组。 参数说明 | 参数名 | 描述 | | | | | index | 数组下标 | | ...
Vue 3 技术揭秘
随着 Vue 3 正式版本的发布，未来 Vue 3 将会成为前端的主流框架，这个毋庸置疑。Vue 3 在使用方面会兼容部分 Vue 2.x 的特性，比如 options API。 所以，究竟是要先学习 Vue 2 打好基础，还是直接学习 Vue 3 呢？ 当 Vue 作者尤大面对这样的提问时，直接给 ...
Vuex从入门到精通
一、vuex介绍 目标 什么是Vuex 为什么学习Vuex 通信方案 | 组件关系 | 数据通信 | | | | | 父子关系 | 父传子：props ； 子传父：$emit | | 非父子关系 | vuex (一种组件通信方案) | Vuex是什么 概念：专门在 Vue 中实现集中式状态（数据）管 ...