变量vue3 vue css
黑马pink css2
emmet语法使用缩写提高html和css的书写速度 快速生成HTML标签： 输入标签名按tab即可直接生成完整标签 标签名数量 ul>li数量 父子 div+p 兄弟 .nav #banner 默认是div，其他可以p.one .demo$5 自增，从1开始 p{这是一个段落}5 快速生成css样 ......
Vue 组件如何进行传值的?
1、父组件向子组件传递数据 父组件内设置要传的数据，在父组件中引用的子组件上绑定一个自定义属性并把数据绑定在自定义属性上，在子组件添加参数 props 接收即可 2、子组件向父组件传递数据 子组件通过 vue 实例方法$emit 进行触发并且可以携带参数，父组件监听使用@（v-on）进行监听，然后进 ......
CSS样式的高级选择器
高级选择器 前面也介绍了一些简单的选择器但是这些简单的选择器，无法更加准确选择目标元素，所以需要用到高级选择器。 交集选择器 交集选择器是同时满足多个选择器筛选的条件的才能被选中，即两个集合中相同的元素才能被选中。 语法：是两个选择器之间不能有任何空格 举个例子： 1 <!DOCTYPE html> ......
cmake内置变量总结
一、概述 在使用CMake配置CMakeLists.txt的时候，内置变量会极大的方便我们编写。所以在这里罗列出cmake常用的内置变量 二、常用内置变量 PROJECT_SOURCE_DIR 项目根目录 PROJECT_BINARY_DIR 执行cmake命令的目录 CMAKE_CURRENT_S ......
vue实现文件上传
文件上传是web开发中一个常见的需求，Vue.js作为一款流行的前端框架，也提供了方便的方法来实现文件上传功能。在此，将详细讲解Vue.js如何实现文件上传。 首先，我们需要准备一个简单的html页面来接收上传文件。下面是示例代码： <div id="app"> <input type="file" ......
vue2实现动态侧边导航栏
router文件下index.js 来源http://blog.itpub.net/69978258/viewspace-2909200/ // index.ts import Vue from 'vue'; import VueRouter from 'vue-router'; import Lo ......
CSS学习01
文字大小：font-size; xxpx 文字粗细：font-weight; 文字倾斜：font-style:normal(默认)，italic（倾斜） 字体样式：font-family 文本样式： 1.首行缩进：text_indent：2em； 首行缩进两个字符 2.水平对齐方式：text-ali ......
vue broadcast和dispatch
function broadcast(componentName, eventName, params) { this.$children.forEach((child) => { const name = child.$options.componentName; if (name compone ......
课程详情接口、所有章节接口、课程列表前端、课程详情前端、视频托管、Header.vue搜索form、搜索后端接口、搜索功能前端、支付宝支付介绍
课程详情接口 # 思路一： 直接在之前写好的查询所有课程的视图类上，配置一个类即可 class CourseView(GenericViewSet, CommonListModelMixin,CommonRetrieveModelMixin) 返回的字段，跟详情，不太对应（详情中要求拿出所有章节和课 ......
vue3异步组件
父组件中，子组件的加载一般是按照先后顺序加载的，子组件加载后才会加载父组件。 一个页面的子组件很多，由于会先加载子组件，那么父组件可能会出现比较长的白屏等待时间 大型项目，可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件Vue 提供defineAsyncComponent方法： imp ......
11月7日css介绍、基本格式、样式、选择器
目录1.css介绍2.css基本格式3.css的几种引入方式1.行内样式2.内部样式3.外部样式css选择器基本选择器1.元素（标签）选择器2.id选择器3.类选择器通用选择器组合选择器1.后代选择器2.子元素选择器3.相邻兄弟选择器通用兄弟选择器属性选择器分组选择器伪类选择器第一个实例给未访问的链 ......
app直播源代码，css给数字或文字在鼠标悬停时添加下划线动画
app直播源代码，css给数字或文字在鼠标悬停时添加下划线动画 html 代码： <h1 class="row center " style="font-size: 2em;">css给数字或文字在鼠标悬停时添加下划线动画</h1><div class="row center text"><span ......
vue上传文件
以下是上传的组件库，需要更改接口 <template> <div class="upload-file"> <el-upload multiple :action="uploadFileUrl" :before-upload="handleBeforeUpload" :file-list="file ......
封装 Vue 组件的过程?
组件可以提升整个项目的开发效率。能够把页面抽象成多个相对独立的模块，解决了我们传统项目开发：效率低、难维护、复用性等问题 分析需求：确定业务需求，把页面中可以复用的结构，样式以及功能，单独抽离成一个文件，实现复用 具体步骤：使用 Vue.extend 方法创建一个组件，然后使用 Vue.compon ......
vue上传文件夹目录
在input上面添加webkitdirectory directory这两个属性就能开启选择目录模式 <input ref="fileIptRef" class="file-ipt" type="file" webkitdirectory directory multiple @change="ha ......
Vue-cli脚手架下载安装
注意：在下载安装该脚手架之前先安装配置好NodeJS以及镜像源，NodeJS详情可查询文章：NodeJS下载安装 1.cmd中输入以下指令： npm install -g @vue/cli 整个过程中会联网下载，会耗时几分钟。 确认是否安装成功： cmd中输入以下指令： vue --version ......
vue 子组件改变父组件的值 实现双向绑定
自定义子组件中接受外部传过来的值，然后在子组件中显示，当子组件操作完成后，需要把修改后的值返回给父组件，这就需要实现父子组件间的数据双向绑定，实现双向绑定可以通过以下2种方式实现： 1.通过this.$emit("change",val)的方式将数据传递回去，然后在父组件中监听该方法并获取返回val ......
VUE上传文件夹的三种解决方案
本文章向大家介绍VUE上传文件夹的三种解决方案，主要内容包括上传分步：、直接上代码、使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。 对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件 ......
在 Microsoft SQL Server 2012 SP4 中实现本地缓存，您可以考虑使用表变量、临时表以及临时存储过程等方法来在数据库服务器的内存中创建临时性的数据存储，从而提高查询性能和减少对物理存储的访问
在 Microsoft SQL Server 2012 SP4 中实现本地缓存，您可以考虑使用表变量、临时表以及临时存储过程等方法来在数据库服务器的内存中创建临时性的数据存储，从而提高查询性能和减少对物理存储的访问。以下是关于如何在 SQL Server 2012 SP4 中实现本地缓存的一些建议： ......
vue3中使用Pinia
Pinia 是一个用于 Vue 的状态管理库，类似 Vuex, 是 Vue 的另一种状态管理方案 三大核心：state（存储的值），getters（计算属性），actions也可支持同步（改变值的方法，支持同步和异步） npm install pinia@next or yarn add pinia ......
vue-test4 -----插槽
<template> <!-- <Main class="cccc"/> <component-a/> --> <slot-demo> <template #header="slotProps"> <p>插槽标题-{{slotProps.msg}}</p> </template> <template ......
Vue一些进阶知识-基于官网(笔记)
前言 主要根据vue官网文档完成。对一些平时可能会用到的知识、组件进行收集，为的是对vue的可用性有一个大致的了解。博客中的组件介绍可能只涉及简单用法，完整用法还是以官网为准。 基础 启动过程： 主文件(main.js)是程序的起点，在主文件里挂在容器。如app.mount('#app')。然后系统 ......
vue-test4 -------组件之间的数据传递
<template> <h3>CompA</h3> <component-b :onfun="dateFun"></component-b> <p>{{msg}}</p> </template> <script> import ComponentB from "@/components/Compon ......
vue3 使用elementUI饿了么el-table组件 动态循环自定义表头列数据
在vue3上使用el-table组件自定义循环表头列； <el-table :data="list" v-loading="loading" border> <!-- @selection-change="handleSelectionChange" --> <!-- <el-table-colum ......
css class被忽略
使用computed panel查看哪一个css生效，导致另外一个被忽略 Additionally, you can use the computed styles panel in the developer tools to see exactly which styles are being ......
变量和常量
变量： 变量的语法结构： 变量名=value 示例：luck_number=8 “=”叫做赋值运算符，将8赋值给标识符的luck_number 栈内存里面是变量的名字 堆内存是命名的值 好比如快递站，快递架（栈内存）中是我买的东西（变量名），快递号是赋值（堆内存） 变量命名的规则：变量名必须是一个有 ......
[Vue] 大屏自适应问题
可视化大屏需要自适应各种屏幕，使用了DataV的dv-full-screen-container ，v-scale-screen ， 但都达不到要求， dv-full-screen-container 随着屏幕缩放或分辨率变化，文字也相应变化了， v-scale-screen + DataV 控件时 ......
vue+element拖动排序功能
vue+element拖动排序功能 安装npm install vuedraggable -S 引用import draggable from 'vuedraggable' 注册组件components: { draggable }, 通过draggable标签来使用 代码 <draggable v ......
38-Vue脚手架-过渡与动画
Vue封装的过渡与动画 在插入、更新或移除 DOM 元素时，在合适的时候给元素添加样式类名 transition 讲解 transition 是 vue 内置的一个组件，我们可以直接使用。 <transition> 元素作为单个元素 / 组件的过渡效果。<transition> 只会把过渡效果应用到 ......
vue2获取cookie/删除cookie/设置cookie
起因，访问不同路由跳到首页/ 需登录账号 demo <template> <div> <button @click="setCookie">设置Cookie</button> <button @click="getCookie">获取Cookie</button> <button @click="d ......