样式 组件scoped vue
Vue与后端交互
[toc] # 一 与后端交互三种方式 ```python # 后端写了一堆接口 # 前端会了 # 前后端要打通 > 从前端发送ajax > 核心:使用js发送http请求,接收返回 -原生js,可以开启ajax,但是原生js开启,比较麻烦,需要做浏览器兼容,有坑(基本不写) -jq,写了个兼容所有 ......
Vue基础2
[toc] # 一 表单控制 ```python # 1 checkebox: -单选 -多选 # 2 radio -单选 ``` ## 1.1 checkbox单选 ```html 表单控制 checkbox单选 用户名: 密码: 记住密码: 用户名:{{username}} > 密码:{{pas ......
动态组件,插槽,vue-cli创建项目,目录结构,编写规范,导入导出语法
# 1 动态组件 ```python # # component标签的is属性等于组件名字,这里就会显示这个组件 ``` ```html Title 首页 商品 订单 component标签的is属性等于组件名字,这里就会显示这个组件 ``` ## 1.1 keep-alive ```html Ti ......
Vue 插槽的定义和使用
父组件中使用插槽,相当于开放了在子组件内部使用的条件 在 APP的 Vue中解析后塞到Category中, videos 里添加上 controls 就能够播放电影了 子组件Category中定义, slot 中间存放默认值 category的样式 不具名插槽写两份,就有两个重复的展示效果 使用时会 ......
JAVA的springboot+vue企业客户信息反馈平台,附源码+数据库+文档+PPT
**1、项目介绍** 企业客户信息反馈平台能够通过互联网得到广泛的、全面的宣传,让尽可能多的用户了解和熟知企业客户信息反馈平台的便捷高效,不仅为客户提供了服务,而且也推广了自己,让更多的客户了解自己。对于企业客户信息反馈而言,若拥有自己的平台,通过平台得到更好的管理,同时提升了形象。 本平台设计的现 ......
vue和vuex的版本搭配
重要是事情说三遍, vue2使用vuex3 !vue3使用vuex4.!否则会出现this.$store为undefined错误! vue2使用vuex3 !vue3使用vuex4.!否则会出现this.$store为undefined错误! vue2使用vuex3 !vue3使用vuex4.!否则 ......
VUE路由传参的实用方式
本文讲解了VUE项目中路由之间的传值方式,涉及到的方法都是开发时常用的,希望对大家有多帮助。 1. 方式一:使用router-link标签 1.1 params 传参 首先定义好路由 const routes = [ { path : ‘/home’ , component : () => impo ......
手把手Django+Vue前后端分离
# 前言 众所周知,Django对于网站快速开发非常友好,这得益于框架为我们做了很多事情,让我们只需要做一些简单的配置和逻辑即可把网站的功能开发出来。但是,在使用Django的过程中,有一个地方一直是比较难受的,那就是使用Django自带的模版,这种通常需要自己利用HTML+CSS+Jquery的方 ......
Vue 执行流程
## 1. main.js 项目入口文件 ![image](https://img2023.cnblogs.com/blog/3091414/202306/3091414-20230607181720476-1802242843.png) ## 2. App.vue 创建路由,设置App的样式, 由 ......
Vue——动态组件、插槽、Vue-cli创建项目、Vue项目目录结构、编写规范、es6导入导出语法
## 动态组件 ```html // // component标签的is属性等于组件名字,这里就会显示这个组件 首页 商品 订单 ``` ### keep-alive ```html // 使用keep-alive把动态组件包裹起来 保存当前状态 就算切换到其他组件再切换回来 依旧还是之前的状态 首 ......
Webpack 插件实现 CSS 样式尺寸单位转换
# Webpack 插件实现 CSS 样式尺寸单位转换 ## 实现方式一 ### 插件代码 以下是编写的一个 Webpack 插件,用于将样式文件中以 rpx 为单位的值转换为以 px 为单位的值(换算比率为 1px=2rpx): ```javascript const pluginName = " ......
vue3 如何通过defer来优化减少白屏时间
如果首屏加载的内容组件比较厚重或者数量大,那么第一次加载也会停顿很久。 可以通过控制台的Performence来观察render和loading的大致时间 优化的思路: 想让首屏页面的组件或者比较需要提前让用户看到的内容模块 优先放在第一帧来加载 加载时机:如果当前帧数时间大于 该模块的设定指定加载 ......
vue 预览word文档、图片、pdf文件等
``` 预览 data() { return { //文件预览 viewVisible:false, //文件类型 fileType:null, //文件地址 sourceUrl:null,} } //文件预览 handlePreviewFile(e){ var xdoc_head = "https ......
vue封装组件并发布到Npm
前言vue 封装组件是一个很常规的操作。一个封装好的组件可以在项目的任意地方使用,甚至我们可以直接从npm仓库下载别人封装好的组件使用,入element-ui这一类的组件库。 1、环境准备 因为我们此次封装的是Vue组件,所以我们直接在Vue脚手架项目里面进行封装即可。 (1)、初始化项目 vue ......
Vue 项目启动
# Vue 项目启动 ## 一、脚手架搭建 ### 1.1 node.js环境准备 下载地址:https://nodejs.p2hp.com/download/ ```PYTHON -查看node版本 node -v -安装完,释放两个可执行文件 node 等同于 python npm 等同于 pi ......
vue3实现自定义指令
创建一个empty.js import { nextTick } from 'vue'; const emptyImgUrl = new URL('@/assets/images/empty-icon.jpeg', import.meta.url).href; // 在vue3中不支持require ......
Vue中ref和$refs的介绍及使用
在JavaScript中需要通过document.querySelector("#demo")来获取dom节点,然后再获取这个节点的值。 在Vue中,我们不用获取dom节点,元素绑定ref之后,直接通过this.$refs即可调用,这样可以减少获取dom节点的消耗。 ref介绍: ref被用来给元素 ......
日历组件html
```html Calendar Component Calendar Component Today Previous Month Next Month ``` ......
阿里云 Serverless 容器服务全面升级:新增组件全托管、AI 镜像秒级拉取能力
6 月 1 日在阿里云峰会·粤港澳大湾区上,阿里云智能云原生应用平台总经理丁宇宣布,Serverless 容器服务 ASK 全面升级,进一步帮助企业和开发者降本提效。 ......
微信小程序自定义组件
【黑马程序员前端微信小程序开发教程,微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)】 https://www.bilibili.com/video/BV1834y1676P/?p=63&share_source=copy_web&vd_source=03c1dc52ee ......
vue之vue-cli创建项目、vue项目目录结构、vue项目编写规范、 es6导入导出语法
[toc] # 一、vue-cli创建项目 ## 1.1、背景知识 ### 单页面应用:spa -以后vue项目就只有一个 xx.html 页面 -定义很多组件,不可能都写在 xx.html中把 ### 单文件组件(一个组件一个文件) https://v2.cn.vuejs.org/v2/guide ......
Oracle 19C组件ID、组件名称和组件全称对应关系以及dbca静默组件选择
Oracle 19C组件ID、组件名称和组件全称对应关系以及dbca静默组件选择 dbca可以调用图形化界面来创建数据库,当选择“Custom Database”模板的时候会出现“Database Options”来选择options安装对应组件,总共8个options。 PS:在安装数据库期间,组 ......
vue的指令
指令 指令的概念(6种) 指令(Directives)是vue为开发者提供的模版语法,用于辅助开发者渲染页面的基本结构。 按照不同的用途可以分为以下6大类 内容渲染指令 属性绑定指令 事件绑定指令 双向绑定指令 条件渲染指令 列表渲染指令 1. 内容渲染指令p37 内容渲染指令用来辅助开发者渲染DO ......
SecureCRT主题颜色样式
步骤:保存以下代码为新文件(colorful.ini),放到目录C:\Users\ThinkPad\AppData\Roaming\VanDyke\Config\keywords下,SecureCRT配置Options-Global Options-Default Session-Edit Defa ......
vue之表单控制&购物车案例&v-model进阶&与后端交互的三种方式&电影小案例&箭头函数&js中的5种循环
## 1.表单控制 ```html 🌟checkbox单选就是true和false🌟 用户名: 密码: 记住密码: name >{{name}},pwd >{{pwd}},remember >{{remember}} 🌟checkbox多选就是选value,v-model是数组🌟 爱好: 唱 ......
性能测试之linux各组件监控
1 .linux组件监控 1.1 cpu 监控 1.1.1 top命令详解 行说明: 第1行:显示的是系统运行信息:系统当前时间(22;02:07)系统运行了多久时间(4:53)当前登录用户有1个系统的平均负载情况:1min、5min、15min(每5秒更新一次) 注意:系统负载值除以cpu核数的值 ......
Vue3 之 响应式 API reactive、 effect源码,详细注释
Vue3之响应式 API reactive、 effect源码,详细注释 [toc] 简单记录一下 Vue3 和 Vue2 区别 > Vue3 源码采用 monorepo 方式进行管理,将模块拆分到 package 目录中 > Vue3 采用 ts 开发,增强类型检测, Vue2 采用 flow,对 ......
sqlserver2014在新建维护计划时提示代理XP组件已做为此服务器安全配置的一部分被关闭,系统管理员可以使用sp_configure来启用代理XP
在sqlserver配置管理器中打开sqlserver代理即可 ......