第一部分 Vue讲解（代码版）
1.第一个vue实例 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <tit...
【Django-vue-admin学习笔记】自定义导入模板下载
需要在导入功能增加导入模板的自定义模板配置，因为导入的业务逻辑可能要对已经上传的表格进行一些其他的处理，因此需要重写这个下载导入模板的逻辑。 在视图中修改导入业务逻辑 @action(detail=False, methods=['get']) def import_data_modules(self, request): ...
【VUE】Vue3+Element Plus动态间距处理
100px ;" placeholder="Please input" /> </el-space> </template><script setup>import { ref } from 'vue' const direction = ref('horizontal')const fillRatio = ref(10)</script><style lang="scss" scoped>...
使用vuepress搭建个人的博客(一):基础构建
前言 vuepress是一个构建静态资源网站的库 地址:VuePress 一般来说,这个框架非常适合构建个人技术博客,你只需要把自己写好的markdown文档准备好,完成对应的配置就可以了 搭建 初始化和引入 创建文件夹press-blog npm初始化 npm init 引入包 npm install -D vuepress 目录结构 |-- assets *静态资源 |-- docs ...
【Vue】Vue3开发从入门到实战目录【最新版本vue3+typescript前端开发教程】
Vue3开发从入门到实战目录 1. vue3简介与环境配置 2. 创建vue3项目 3. 我的第一个组件 4. OptionsAPI与CompositionAPI 5. setup概述与使用 6. ref基本类型的响应式数据 7. ref对象类型的响应式数据 8. reactive对象类型的响应式数据 9. ref与reactive的区别 10. toRefs与toRef的区别 11. compute...
vue单页面应用（SPA）的首屏加载速度优化
在 Vue.js 中，单页面应用（SPA）的首屏加载速度对于用户体验至关重要。以下是一些优化首屏加载速度的建议： 代码分割与异步加载 使用 Webpack 或其他构建工具进行代码分割，将你的应用拆分成多个较小的块，以便按需加载。这可以通过动态导入（import()）语法实现。Vue Router 也支持基于路由的代码分割。 压缩与优化资源 使用 Gzip 或 Brotli 对资源进行压缩。使用像 Pu...
spa、vue、elementUi
面。使应用程序更像一个桌面应用程序。所有的html、javascript、css通过单个页面检索加载资源。前端页面使用ajax与后端通信。一个项目只有一个html页面。所有的页面跳转都通过路由导航。 vue可用于spa. elementUi为前端页面组件库。 elementUi bootstrap 都是前端页面组件库 有什么不同 Element UI 和 Bootstrap 都是流行的前端页面组件库，用...
【typescript】教你如何在vue3中使用ts
要在Vue 3中使用TypeScript，首先需要确保你的开发环境已经安装了Node.js和npm（或yarn），并且安装了Vue 3 CLI。 以下是创建一个新的Vue 3项目并使用TypeScript的步骤： 安装Vue CLI（如果尚未安装）： npm install -g @vue/cli 创建一个新的Vue 3项目： vue create my-vue3-app 在创建过程中，选择“Manu...
点击按钮框来选择相应信息（Vue + Java）
a转全栈，对于项目中的功能，从无到有，都会以笔记的形式记录，方便自身的总结以及翻阅 原先的知识点参考： java框架 零基础从入门到精通的学习路线 附开源项目面经等（超全）前后端实现下拉框带条件查询（Vue+Java） 通过点击按钮框给予数据选择 以下Demo只是给予一个信息的启发 1. 前端 演示了如何通过点击按钮显示选择框，并在选择框中选择属性后进行提交操作： <template> <div> <!...
Vue.js梳理（双向绑定与计算属性）
odel=”模型变量”，省略:value 自定义监视函数: 什么是: 在模型数据发生变化时，自动执行的函数何时: 只有希望在模型数据变化时，立刻执行一项操作时，才需要监视函数监控模型变量如何:new Vue({ el: “xxx”, data: { … }, watch:{ 模型变量名(){ this.模型变量名 … } } }) 二、绑定class和style属性 方式1：把class和style作为...