Vue
关注
分享
扫一扫
Alan • Lee
写代码就要像写诗一样
博客：blog.alanlee.top
展开
-
SpringBoot+Vue前后端分离集成JWT
SpringBoot+Vue前后端分离集成JWT源代码：https://github.com/AlanLee97/code-demos/tree/master/jwt一、搭建SpringBoot项目添加jwt依赖<!-- ======BEGIN jwt ====== --><dependency> <groupId>com.auth0</groupId> <artifactId>java-jwt</artif原创 2020-09-06 23:31:47 · 3002 阅读 · 3 评论 -
【学习笔记 - Vue】Vue.js的父子组件通信
父子组件通信父子组件通信父传子：使用props或数组子传父：使用$emitprops中声明的数据与组件data函数return的数据的主要区别就是props来自父级，而data中的是组件自己的数据，作用域是组件本身，这两中数据都可以在模板template及计算属性computed和方法methods中使用。上代码App.vue<template> <div...原创 2020-01-04 18:41:42 · 149 阅读 · 0 评论 -
【学习笔记-Vue】基础篇-08-自定义指令
【学习笔记-Vue】基础篇-07-组件目录1. 基本用法2. 实战2.1 开发一个从外部关闭的菜单栏1. 基本用法自定义指令的用法与组件类似，分全局注册和局部注册demo1：自动获取输入框焦点<div id="app"> <input type="text" v-focus></div><script> //...原创 2019-11-13 19:35:29 · 139 阅读 · 0 评论 -
【学习笔记-Vue】基础篇-07-组件
【学习笔记-Vue】基础篇-07-组件目录1. 组件与复用2. 使用props传递数据3. 组件通信4.使用slot分发内容5. 组件高级用法6. 其他7. 实战：两个常用的组件开发1. 组件与复用1.1 组件的用法组件需要注册后才能使用，注册分全局注册和局部注册。全局注册<div id="app"> <my-component>&l...原创 2019-11-13 19:34:24 · 200 阅读 · 0 评论 -
【学习笔记-Vue】基础篇-06-表单与v-model
【学习笔记-Vue】基础篇-06-表单与v-model目录1. 基本用法2. 绑定值3. 修饰符1. 基本用法使用v-model完成表单的数据双向绑定输入框<div id="app"> <input type="text" v-model="content" placeholder="输入..."> <p>输入的内容是：{{...原创 2019-11-13 19:33:23 · 144 阅读 · 0 评论 -
【学习笔记-Vue】基础篇-05-内置指令
【学习笔记-Vue】基础篇-05-内置指令目录1. 基本指令1.1 v-cloak1.2 v-once2. 条件渲染指令2.1 v-if、v-else-if、v-else2.2 v-show2.3 v-if与v-show的选择3. 列表渲染指令v-for3.1 基本用法3.2 数组更新3.3 过滤与排序4. 方法与事件4.1 基本用法4.2 修饰符5. 实战：利用计...原创 2019-11-13 19:32:34 · 254 阅读 · 0 评论 -
【学习笔记-Vue】基础篇-04-v-bind及class与style绑定
【学习笔记-Vue】基础篇-04-v-bind及class与style绑定目录1. 了解v-bind指令2. 绑定class的几种方式2.1 对象语法2.2 数组语法2.3 在组件上使用3. 绑定内联样式1. 了解v-bind指令v-bind的主要作用就是动态更新HTML元素上的属性<div id="app"> <!-- v-bind -->...原创 2019-11-13 19:30:38 · 245 阅读 · 0 评论 -
【学习笔记-Vue】基础篇-03-计算属性
【学习笔记-Vue】基础篇-03-计算属性目录1. 什么是计算属性2. 计算属性用法3. 计算属性缓存1. 什么是计算属性简化模板内的表达式的复杂计算，包括运算，函数调用等，只要最终返回一个结果就可以。复杂的计算：<div id="app"> {{text.split(",").reverse().join(",")}} </div>...原创 2019-11-13 19:29:42 · 147 阅读 · 0 评论 -
【学习笔记-Vue】基础篇-02-数据绑定
【学习笔记-Vue】基础篇-01-数据绑定目录1. Vue实例与数据1.1 实例与数据1.2 生命周期1.3 插值与表达式1.4 过滤器2. 指令与事件3. 语法糖1. Vue实例与数据1.1 实例与数据创建Vue实例<!DOCTYPE html><html lang="en"><head> <meta chars...原创 2019-11-13 19:26:29 · 183 阅读 · 0 评论