模版 语法vue3 vue

全栈架构:从0开始,Vue的搭建与开发

文章很长,且持续更新,建议收藏起来,慢慢读!疯狂创客圈总目录 博客园版 为您奉上珍贵的学习资源 : 免费赠送 :《尼恩Java面试宝典》 持续更新+ 史上最全 + 面试必备 2000页+ 面试必备 + 大厂必备 +涨薪必备 免费赠送 :《尼恩技术圣经+高并发系列PDF》 ,帮你 实现技术自由,完成职 ......
架构 Vue

vue 2实战系列 —— 复习Vue

复习Vue 近期需要接手 vue 2的项目,许久未写,语法有些陌生。本篇将较全面复习 vue 2。 Tip: 项目是基于 ant-design-vue-pro ant-design-vue-pro 由于 cms 是基于这个项目开发的,所以笔者就将其下载下来。 下载后运行 // 按照依赖 yarn i ......
实战 vue Vue

关于时间太长忘记vue如何启动的问题

1、开启SpringBootApplication项目 2、在vue项目的Teminal处,输入相关命令 vue2 npm run dev vue3 npm run serve 咳咳,写一遍我就不会忘记啦~ ......
时间 问题 vue

【电影推荐系统】Spring Boot + Vue3 前后端分离项目

【电影推荐系统】Spring Boot + Vue3 前后端分离项目 目录【电影推荐系统】Spring Boot + Vue3 前后端分离项目0 前言1 项目前端介绍1.1 项目启动和编译1.1.1 项目启动1.1.2 项目编译1.2 前端技术栈1.3 功能模块前端界面展示1.3.1 基础功能模块1 ......
项目 Spring 系统 电影 Boot

vue3的ref、reactive、toRef、toRefs

用处:用于在setup中创建响应式变量 导出:import { ref, reactive, toRef, toRefs } from 'vue' 区别: ref 用来定义基础数据类型,String, Number, Boolean, Symbol;通过 Object.defineProperty( ......
reactive toRefs toRef vue3 vue

vue改错总结

vue表单和表格一起使用的时候,表格里非编辑框不再使用v-model进行双向数据 绑定,当tabledatase的数据发生变化时候,会自动渲染新的数据,但是可便捷table单元格需要用到插槽技术,当更新name的时候才会 自动渲染 <template> <div> <el-form :model=" ......
vue

Markdown语法讲解

Markdown语法讲解 (#+空格) Markdown学习 (##+空格) 二级标题 (###+空格) 三级标题 (####+空格) 四级标题 (#####+空格) 五级标题 (######+空格) 六级标题 字体 () 网抑杰! (**) 网抑杰! (**) 网抑杰! () ~ ~网抑杰! 引用 ......
语法 Markdown

前端环境搭建到创建vue项目运行

整体流程 1.安装 nvm 管理工具,用于管理 node 的版本方便 node 版本的切换 a.下载 nvm 1.官方下载地址:https://github.com/coreybutler/nvm-windows/releases 2.备用下载地址:https://xiaocai1688.lanzo ......
前端 环境 项目 vue

语法:another和the other的区别

一、意思不同another:又一;再一;另一(事物或人);另一;不同的(人或事物);类似的(人或事物)。the other:他者;另一个;其他。二、用法不同another:another用作形容词的基本意思是“(又)另一个的”,主要指同类中又多一(个)的或与前述不同的另一个的,在句中只用作定语。 a ......
语法 another other the

CSS语法检查利器之csslint

本文于2015年底完成,发布在个人博客网站上。 考虑个人博客因某种原因无法修复,于是在博客园安家,之前发布的文章逐步搬迁过来。 背景 前段时间研究使用YUI Compressor压缩项目里的js和css文件,研究了两天之后,终于在周三晚上把YUI Compressor集成进了打包流程中;于是周四(2 ......
利器 语法 csslint CSS

语法:few和a few的区别

一、意思不同 1、few:(与复数名词和复数动词连用)不多,很少。 2、a few:几个,〔反语〕很多,一点点。 二、用法不同 1、few:few用作代词时,意思是“很少,几个”,作主语时谓语动词须用复数形式。 2、a few:基本意思是“小块,少量”,指整体中的一小部分,也可指独立的一小部分。还可 ......
语法 few

在vue中使用router时所需要的配置

router.js import { createRouter, createWebHistory } from 'vue-router'; //2. 定义路由组件 import Home from "../views/Home.vue" import Login from "../views/Lo ......
router vue

java基本语法

注释 单行注释: //这是单行注释 //这也是单行注释// 多行注释 /*这是多行注释 1 2 */ 文档注释 /**这是文档注释 *可以添加一些参数,如: *@Author 等 / 标识符和关键字 关键字 类别 关键字 说明 访问控制 private 私有的 protected 受保护的 publ ......
语法 java

修改vue-element-admin的登录逻辑

<template> <div class="login-container"> <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on" label-po ......
vue-element-admin 逻辑 element admin vue

【vue】,封装的table组件,table表格超出高度自适应滚动效果,设置页面全局统一自适应高度

需求背景:为了使后台页面的 table 列表页面始终保持统一的高度,无论我们的列表数据有多少都只占一个屏幕的高度,如果 table 表格的数据太多,只滚动table 表格的数据,页面高度保持不变;使用 window.onresize 监听浏览器的高度: // tableHeight: 为 el-ta ......
高度 table 全局 组件 表格

vue3 如何判断组件中的 slot 是否有填充?

两种方法: 1、通过 this.$slots.name <div class="btn-icon" v-if="$slots.icon"> <slot name="icon"></slot> </div> 2、通过 useSlots 判断 <template> <div> <slot/> <slot ......
组件 vue3 slot vue

# vue3 组件之间传值

vue3 组件之间传值 非常好,为啥突然开这样一篇博文,首先是因为 vue3 是未来发展的趋势。其次,vue 官方已经确认,将于2023年最后一天停止对 vue2 项目的维护,这个是官方发出的通知,并且呢,尤雨溪团队也已经将 vue3 作为了 vue 的默认版本了,同时呢,无论是 elementUI ......
组件 之间 vue3 vue

vue response post 请求 excle 下载

export function downloadExcel(obj) { return request({ url: '/basic/cycleMoneyReport/downloadExcel', method: 'post', data: obj, // 请求方式必须添加 responseTyp ......
response excle post vue

vue 批量打印

<el-button type="button" @click=" handleCopy "> 批量打印 </el-button> handleCopy(){ if (!this.getSelectRows()) return; if(this.selectRows.some(r => r.star ......
vue

Vue 倒计时小组件

商城类应用开发中经常要遇到秒杀价或者到时间点开始优惠,这种业务了逻辑通常需要使用到倒计时功能。 主要使用到setTimeout方法,循环的不断调用清除调用清除,具体代码实现 import { cancelRaf, rAF } from '@/utils/raf' import { ref, comp ......
组件 Vue

vue3引入使用svg图标

vue3使用svg图标 安装 // 通过命令安装2个插件 npm i vite-plugin-svg-icons -D npm i fast-glob -D 在vue.config.js中配置 //vue.config.js import { fileURLToPath, URL } from 'n ......
图标 vue3 vue svg

策略模式和模版方法有什么区别

策略模式(Strategy Pattern)和模板方法模式(Template Method Pattern)是两种不同的设计模式,它们在实现上有一些明显的区别: 目的和应用场景: 策略模式: 主要用于定义一系列的算法,将每个算法封装起来,并使它们可以互相替换。客户端可以选择不同的策略对象,以达到不同 ......
模版 策略 模式 方法

vue2.5.2设置二级目录访问

vue发布到IIS后,需要通过二级域名访问: 1、找到config->index.js 节点assetsPublicPath,设置你要的二级域名名称 2、IIS创建站点后,在站点下添加应用程序web (跟上面同名) ......
目录 vue2 vue 5.2

vue js 引入sdk,思路代码整理 app.vue引入

代码解析 function handleAuthReady() { const ywAuth = (window as any).ywAuth; if (ywAuth) { return Promise.resolve(ywAuth); } return new Promise(resolve => ......
vue 思路 代码 app sdk

vue 将百度地图或者高德地图组件化

一、前言 百度地图已经有了 react 相关的组件库,本人用的百度地图 v3.0 和 vue3 我仅仅是抛砖引玉,百度地图 webgl、高德地图都是一样的,因为底层都是通过 js 控制地图 如果用组件的方式开发,比如我将 BMap.Marker 作为一个组件,我暴露一个参数position,其目的是 ......
地图 组件 vue

语法制导的应用

语法制导的实现可以有很多中,如后缀翻译方案,L属性定义的SDT,遍历语法分析树 这里选择使用语法分析树来实现,即 1.建立一棵语法分析树 2.按照从左到右的深度优先顺序执行动作 3.产生式体中的动作在它左边的所有文法符号都被匹配之后立刻执行 这样选择的理由是,非常通用任何SDT都可以实现 一、首先改 ......
语法

基础语法

一些基础语法 定义变量、常量、赋值、运算、if/switch/for语句 //syntax package main //入口 import "fmt" // 引入包 func main() { // main语言入口函数 const LENGTH int = 10 //定义常量, 常量不能被修改 ......
语法 基础

vue3+ts打开echarts的正确方式

实例项目使用 vite5 + vue3 + ts,项目地址 vite-vue3-charts,预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 官网地址,然后在 应用管理 -> 我的应用 里,创建应用,创建好后复制 AK 2. 在 ......
echarts 方式 vue3 vue ts

vue中get和post请求

vue中和后台交互,首先要引用vue-resource.js vue-resource.js是专门和后台进行交互 <!-- 引入vue-resource插件 ><script src="../js/vueJs/vue-resource.js"></script> vue中get请求 function ......
post vue get

vue3+lottie实现动画

1、安装lottie-web npm i lottie-web 2、使用在线json文件 <template> <div class="box"> <div id="lottie_box" style="width: 800px;height: 800px;margin-left: 1000px;b ......
动画 lottie vue3 vue
共8000篇  :11/267页 首页上一页11下一页尾页