前言大家好，我是腾讯云开发者社区的 Front_Yue，本篇文章将带领大家探讨如何使用 Vue 插槽，以及最佳实践。Vue 是一款非常流行的前端框架，它提供了很多方便的功能，其中之一就是插槽。插槽是一种非常灵活的方式，可以帮助我们提高组件的复用性。一、什么是插槽插槽是一种 Vue 组件的特殊属性，它可以让我们在组件中插入任意内容。插槽可以让我们在组件中定义一
......
17
0
0
2024-05-07
可以将 slot 理解成一个占位的东西，我们提前在模板中放置一个占位的标记，当其他地方要使用模板时就可以通过标记再传进来具体的内容，这样就可以实现更强的复用能力。 slotslot 在英语中作为名词时表示：（可投入东西的）狭长孔，狭槽；（在一系列事件中为某事安排的）时间，空档；（组织、团体等中的）位置，职位。在 vue 中翻译成插槽：vue 实现了一套内容分
......
21
0
0
2024-05-06
Vue3 相比较于 Vue2 的主要区别包括：性能：Vue3 相对于 Vue2 在性能上有所提升，这得益于其采用新的渲染引擎，使得在大型应用程序中运行得更快。语法：Vue3 采用了更简单的语法，并移除了一些 Vue2 中的不常用功能，使得代码更容易维护和阅读。设计：Vue3 采用了更加模块化的设计，把各个组件的功能分离开，使得应用程序更加灵活和可扩展。Typ
......
109
0
0
2024-04-16
背景：在项目里面写一个公共的方法，只要有需要的table的column需要变色就直接调用这个方法就好了，不需要在自己的子页面写方法。 如下图，写一个column变色的公共方法。源代码：下面的源代码将以上面背景需求为例子进行展示 在Vuex/modules文件夹下面写：action.jsimport * as types from './types.js';
......
103
0
0
2024-04-16
1.分析：什么时候要写组件呢？ 举例如下图，一个页面中被反复引用的东西，可以将它提取出来写成一个组件。2.组件怎么写？ 1.poolicy.vue文件(主页) 在首页导入写的子组件 注意：写js要记得写唯一标识name，vue里面的view也是加唯一标识类名。<template>
<view class="Policy-page"&g
......
116
0
0
2024-04-15
（该文章是搭建vue-cli脚手架的整个流程，跟着文章傻瓜操作就可以了！） 可以选择在cmd或者visual code执行以下命令都可以 我们选择在cmd中执行： 1.先切换命令： cd / 2.命令：D： 3.命令：D:\code\test1.先安装node.js环境，查看环境是否已经安装好，输入以下命令2.安装vue-cli，使用淘宝镜像下载输入命令：n
......
109
0
0
2024-04-15
1.vuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式， 采用集中式存储管理应用的所有组件的状态，解决多组件数据通信。要点：vue官方搭配，专属使用 (类似于：vue-router)，有专门的调试工具 集中式管理数据状态方案 (操作更简洁)data() { return { 数据, 状态 }} 数据变化是可预测的 (响应式)使用Vu
......
114
0
0
2024-04-15
本文我们来介绍下Vue中的父子组件的传值问题。 Vue父子组件传值父组件传值给子组件1.案例场景 我们先准备下基础页面，具体如下 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-">
<meta name="
......
149
0
0
2024-03-28
前面给大家介绍了动画的基本使用，本文我们来实现一个动画的简单案例，效果如下 在这里插入图片描述 Vue动画案例1.基础页面 最基础的页面如下: <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-">
<met
......
133
0
0
2024-03-24
TinyVue 是一个基于 Vue 的 UI 组件库，可以同时支持 Vue 2.0 和 Vue 3.0。浏览器兼容性 TinyVue 支持主流浏览器的最新版本：Chrome、Edge、Firefox、Opera、Safari 不支持 IE 浏览器搭建 Vite 项目创建 Vite 工程yarn create vite
# 或
npm init vite@
......
152
0
0
2024-03-06
功能需求:海报有1张背景图, 海报上的文案内容动态变化在背景图的某个位置上添加二维码图片水印功能大致思路html页面部分, 包括背景图,接口得来的数据,以及二维码图片的位置使用 qrcodejs2库生成二维码图片,展现到预定位置添加水印（canvas | html 两种方式 后边会分别进行介绍）使用 html2canvas库 将页面整体转换成一张海报关键代码
......
104
0
0
2024-02-25
以下问题选自各国企央企面试题以及本人招人过程中涉及到比较多的题目，删除了一些比较基本以及偏门的一些问题，如果可以100%掌握，相信可以找到一份不错的工作！Good Luck！Vue1. 钩子函数 生命周期beforeCreate(创建前)
created(创建后)
beforeMount(载入前)
mounted(载入后)
beforeUpdate(
......
173
0
0
2024-02-25
本文我们来介绍下v-if，v-show和v-for指令，也就是最基础的流程控制和循环处理。 v-if和v-show v-if和v-show的作用有点类似，我们一起来看下，案例代码如下: <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UT
......
116
0
0
2024-02-23
Vue.js 是一款流行的 JavaScript 前端框架，它提供了一套完整的工具和 API，使得开发者可以更加高效地构建交互式的 Web 应用程序。其中，组件化是 Vue.js 的一个核心概念，通过组件化可以将一个复杂的应用程序拆分成多个独立的部分，每个部分都有自己的状态和行为，从而方便开发和维护。本篇博客将介绍 Vue.js 组件化的基础知识，包括组件的
......
101
0
0
2024-02-21
前言 使用方法 <btn-groups :btns="btns" :max="max" class="page-btns">
</btn-groups>
参数部分 name控制属性名 显示按钮的名称{{ item.name }}
btns:[{
//按钮名称
......
97
0
0
2024-02-20