router route vue
第八篇 vue - 基础 - 条件渲染
v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被渲染 <h1 v-if="awesome">Vue is awesome!</h1> v-else 你也可以使用 v-else 为 v-if 添加一个 else 区块 一个 v-else 元素必须跟在一个 v- ......
第九篇 vue - 基础 - 列表渲染
v-for 我们可以使用 v-for 指令基于一个数组来渲染一个列表。v-for 指令的值需要使用 item in items 形式的特殊语法，其中 items 是源数据的数组，而 item 是迭代项的别名 data() { return { items: [{ message: 'Foo' }, ......
第六篇 vue - 基础 - 计算属性
基础示例 模板中的表达式虽然方便，但也只能用来做简单的操作。如果在模板中写太多逻辑，会让模板变得臃肿，难以维护。比如说，我们有这样一个包含嵌套数组的对象 export default { data() { return { author: { name: 'John Doe', books: [ ' ......
第五篇 vue - 基础 - 响应式基础
声明响应式状态 选用选项式 API 时，会用 data 选项来声明组件的响应式状态。此选项的值应为返回一个对象的函数 Vue 将在创建新组件实例的时候调用此函数，并将函数返回的对象用响应式系统进行包装。此对象的所有顶层属性都会被代理到组件实例 (即方法和生命周期钩子中的 this) 上 export ......
第七篇 vue - 基础 - 类与样式绑定
Class 与 Style 绑定 数据绑定的一个常见需求场景是操纵元素的 CSS class 列表和内联样式。因为 class 和 style 都是 attribute，我们可以和其他 attribute 一样使用 v-bind 将它们和动态的字符串绑定 在处理比较复杂的绑定时，通过拼接生成字符串是 ......
vue2 学习笔记
Date: 2023-03-12 17:28:46 尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通 记录遵循费曼学习法，让外行也能看懂。 Vue 总体大纲 MarkDown 引用快速查找 模板语法 内置指令 computed 和 watch P1 Vue介绍 P2 Vue简介 P3 ......
vue3 快速上手
Date: 2023-03-28 21:43:46 Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） Vue3带来了什么 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% ...... 2.源码的升级 使用 ......
Vue2入门之超详细教程五-el和data的两种写法
1、简介 Data与el的2中写法： el有两种写法 (1) new Vue时配置el属性 (2) 先创建Vue实例，随后在通过vm.$mount(‘#root’)指定el的值 Data也有两种写法 (1) 对象式 (2) 函数式，搭配组件时，data必须使用函数式 一个重要的原则 由Vue管理的函 ......
vue+django图片上传七牛云
使用七牛云服务 用户在前端传入的图片，直接存入到七牛云中，并把图片链接保存到后端 逻辑 前端获取到图片 发送给后端 后端调用七牛云服务 生成图片名称 上传到七牛云 然后拿到图片外链 存入对应数据中 前端代码 前端使用了vue 加 vant2组件 <van-uploader v-model="file ......
Vue——initProvide【十一】
前言 前面我们简单的了解了 vue 初始化时的一些大概的流程，这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initProvide进行剖析，初始化生命周期之后紧接着。 initProvide export function initProvide(vm: Component ......
vue 软键盘组件封装
场景和需求 1 软键盘固定 2 多输入框共用一个组件，聚焦切换时操作对象自动切换 3 根据光标在输入框的位置进行相应的输入和删除操作 4 点击软键盘时保存输入框光标活跃 5 输入框和键盘在一个弹窗组件中，弹窗打开时对其中一个输入框默认聚焦 6 样式方面，按键宽度自适应，可以给特定按键特定样式。 7 ......
记录--vue刷新当前页面
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 项目当中如果做新增/修改/删除等等操作通常情况下都需要刷新数据或者刷新当前页面. 思路 (1)如果页面简单,调用接口刷新数据即可. (2)如果页面复杂,需要调用多个接口或者通知多个子组件做刷新,可以采用刷新当前页面的方式 下面整理了 ......
vue-cookies用法
import Cookies from 'vue-cookies'; const cookies = {}; cookies.set = function (name = 'default', value = '', cookieSetting = 60 * 60 * 24 * 365) { Coo ......
vue2中使用TinyMCE
背景 整理使用到的tinymce的富文本，http://tinymce.ax-z.cn/，这个是大佬写的中文文档，如果自己有兴趣的话，可以去看看英文文档。 Tinymce 由于项目原因，使用的是vue2.x版本，所以我选择使用的是"@tinymce/tinymce-vue": "^3.0.1"和"t ......
vue和微信小程序生成条形码和二维码
二维码又称二维条码，常见的二维码为QR Code，QR全称Quick Response，是一种编码方式。它比传统的Bar Code条形码能存更多的信息，也能表示更多的数据类型。 条形码(barcode)是将宽度不等的多个黑条和空白，按照一定的编码规则排列，用以表达一组信息的图形标识符。常见的条形码是 ......
vue全家桶进阶之路23：Element UI
Element UI 是一套基于 Vue.js 的组件库，它提供了一系列常用的 UI 组件，包括表单、弹窗、布局、导航等等。Element UI 的设计风格简洁、易用、美观，且易于定制。 Element UI 的主要特点包括： 基于 Vue.js 开发，组件易于使用和定制。 提供了丰富的 UI 组件 ......
Spring boot 、Vue学习体会
近期集中学习了Spring boot 、Vue等技术，学习过程也是不断碰壁，总的来说自认为有些涨进，抓住核心、深入关键、逐步剖析。 两个技术分别负责后台和前端，学习后一个感受，两个技术内部深层次逻辑有相似性，均是做到了框架管理对象、管理生命周期，简化操作。 1、管理对象 spring boot 通过 ......
vue图片上传前压缩图片
前言需求：项目当中上传图片的需求点肯定有很多，再上传之后，如果图片很大的话，在加载的时候就会很慢。最近发现系统首次加载越来越慢，就开始思考怎么能降低这个加载时间，由于首页图片很多，所以图片的大小就需要进行处理，本文记录了上传图片之前压缩图片的各种方法。 一、插件image-conversion 1. ......
Vue子组件向父组件传值（this.$emit()方法）
子组件使用this.$emit()向父组件传值 首先必须在父组件中引用子组件，然后实现传值 第一步在父组件中引入子组件 import UnitByPurchaseAddOrUpdate from '@views/modules/matter/UnitByPurchaseAddOrUpdate' 声明 ......
基于 vue3 + vite + typeScript + Element-Plus + pinia + mock ... 从 0 到 1 搭建后台管理系统完整教程
项目说明 代码仓库地址 https://github.com/caix-1987/vue3-vite-typescript-elementplus-pinia 项目预览地址 https://caix-1987.github.io/vue3-vite-typescript-elementplus-pi ......
cdn引入vue 在html页面中,用axios请求接口
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue axios 渲染数据</title> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></scr ......
Vue学习总结笔记（十四）【转载】
Vue3 学习总结笔记 (十四) IT_Holmes 于 2022-08-20 12:32:41 发布 1017 收藏 7 分类专栏： Vue 全家桶 文章标签： 学习 javascript vue.js vue 前端 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附 ......
第八章 工程化 - 实例体验 - 基于 vue框架 开发一个完整的组件库 二
基础 Monorepo 环境建设 包名选择与注册 1、给 组件库 命名 => 最终会发布到 npm.js 仓库 2、查看 组件库 的命名是否可注册方法 npm view package-name version 如： npm view caix version => 返回 code E404 【 未 ......
第七章 工程化 - 实例体验 - 基于 vue框架 开发一个完整的组件库 一
基于 vue 框架 开发一个完整的组件库来体验前端工程化的魅力 对一个组件库的开发来全面认识熟悉 前端工程化 的配置，系统的理解工程化中各个工具所起到的作用，并且将其最终可以应用到你的团队当中去，真正的实现工程化的价值，帮助你的团队提效，实现作为前端工程师的价值 基于 vue 框架 开发一个完整的组 ......
Vue学习总结笔记（十）【转载】
Vue 学习总结笔记 (十) IT_Holmes 已于 2022-03-13 14:00:20 修改 2674 收藏 16 分类专栏： Vue 全家桶 文章标签： vue.js 学习 javascript 于 2022-03-13 14:00:09 首次发布 版权声明：本文为博主原创文章，遵循 CC ......
Vue学习总计笔记（十一）【转载】
Vue 学习总结笔记 (十一) IT_Holmes 于 2022-03-15 18:59:04 发布 4972 收藏 64 分类专栏： Vue 全家桶 文章标签： vue.js 学习 前端 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 本文 ......
Vue学习总结笔记（十二）【转载】
Vue 学习总结笔记 (十二) IT_Holmes 于 2022-03-16 16:11:50 发布 1106 收藏 2 分类专栏： Vue 全家桶 文章标签： vue.js javascript 学习 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和 ......
Vue学习总结笔记（十三）【转载】
Vue3 学习总结笔记 (十三) IT_Holmes 于 2022-08-18 13:35:37 发布 1100 收藏 14 分类专栏： Vue 全家桶 文章标签： vue.js javascript vue 前端 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原 ......
Vue学习总结笔记（九）【转载】
Vue 学习总结笔记 (九) IT_Holmes 已于 2022-05-25 19:39:39 修改 4612 收藏 8 分类专栏： Vue 全家桶 文章标签： vue.js 学习 javascript axios 于 2022-03-11 19:40:15 首次发布 版权声明：本文为博主原创文章， ......
Vue学习总结笔记（七）【转载】
Vue 学习总结笔记 (七) IT_Holmes 于 2022-03-09 17:42:35 发布 1032 收藏 14 分类专栏： Vue 全家桶 文章标签： vue.js 前端 vue javascript 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出 ......