// 注意:Vue中所有的指令,在调用的时候,都以 v- 开头 // 使用 Vue.directive() 定义全局的指令 // 其中参数1:指令的名称,注意,在定义的时候,指令的名称前面,不需要加 v- 前缀, // 但是在调用的时候必须在指令名称前加上 v- 前缀进行调用 // 参数2:是一个对象,这个对象身上,身上有一些指令相关的函数,这些函数可以在特定的阶段,执行相关的操作 Vue.dir
转载 7月前
38阅读
在日常 Vue 项目开发中,我们难免需要写一些基础公共组件,在大型项目中,我们难免会遇到下面的痛点:组件 API,对于 Vue 组件,有 props、event、slot 等接口,在团队内需要一定的沟通成本对于 UI 组件,还需要提供预览,方便团队内快速选择合适的组件如果使用 Markdown 撰写,虽然能写 API 文档,但是无法提供组件预览,并且手动写文档的成本也很大好在有一个这
App.vue main.js index.js Loading.vue
转载 2017-06-12 19:46:00
91阅读
vue 引入自定义css 和js一. 引入
转载 2022-07-20 15:57:55
1246阅读
1点赞
如题所示,学习Vue自定义组件(感觉很有用的样子) 这个部分看的是这本书《vue.js前端开发技术》作用 1、减少代码冗余量,看着优雅 2、易于找到bug点,对维护的人员比较友好什么是组件组件能够扩展HTML元素,封装可重用代码 一般来说,当某一部分需要复用时,才会考虑做成组件组件是需要将应用抽象为多个相对独立的模块自定义组件(简单版)<!DOCTYPE html> <htm
转载 2024-05-29 13:38:10
341阅读
const app = createApp(App);import { SvgIcon } from '@/components/svg-icon';import { IconFont } from '@/components/iconfont';app.component("SvgIcon", SvgIcon);app.component("IconFont", IconFont);
原创 2022-05-23 12:35:29
540阅读
一、Vue自定义组件组件是可复用的 Vue 实例,且带有一个名字。组件的出现是为了拆分 Vue 实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应对的组件即可。 1.在项目的components里面新建一个组件 (建议组件名字大写 防止与标签相撞) 2.在组件.vue的script里面写上name 3. 在app.vue里面导入 app.vue
转载 7月前
50阅读
视频教程 vue2封装全局loading组件_哔哩哔哩_bilibili 在components 下面新建一个文件夹loadingloading.js 和 index.vueindex.vue<template> <transition name="animation"> <div :style="{background:background}" v
原创 2023-01-19 07:32:51
339阅读
一、无参组件首先利用VUE-CLI创建一个vue项目(不用vue-cli也行此处
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width
原创 2022-07-22 09:31:03
289阅读
<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>组件定义</title><linkrel="stylesheet"type="text/css"href="css/animate.css"></head><scripttype="tex
vue
原创 2018-01-08 20:43:37
2529阅读
一般自定义组件都放在components文件夹中,找到后打开目录,新建一个demo文件夹和一个x-button的vue文件我们加上最简
原创 精选 2023-10-18 09:44:35
338阅读
   一、tld说明taglib description 的缩写,其自定义标签一般用于jsp页面,tld其作用一般是在web项目中结jstl、c标签等用于有效性判断、权限判断等方面,对前端的一些页面标签起到约束、限制的作用。    很多人只知道有这类型的标签,但不知道它有什么作用以及怎么去使用,所以,学会使用tld自定义标签对项目会有很大的帮助,下面我会以一
 一.图标字体   图标字体在网页开发上运用非常广泛,具体可以网络搜索了解,网页上的运用有很多例子,如Bootstrap。但在C/S程序中使用还不多,字体图标其实就是把矢量图形打包到字体文件里,就像使用一般外置字体一样的使用,因此Winform、WPF中都是可以用的。   在我们多个WPF项目中广泛使用了图标字体,包括自定义控件、自定义样式、模板等。总结下: 网上开源字体图标很多,很容易
icon的设计首先你要找一个元素来进行设计或者是一个风格才可以做出自己的icon来,比如简单的你可以找水果之类小类型,还可以有动漫,卡通这一类的元素,又或者是风景和人物这些,更加可以有节日的类型等等,icon的设计多种样式多种款式任你选择,可以多种样式选择和设计。icon要做的就是美观好看,让人有一种看上去就想下载使用的感觉,一个好的icon就要有这种效果。下面我就说说我做的一个icon我做的是一
()
转载 2019-07-02 08:02:00
157阅读
2评论
组件是可复用的 Vue 实例,在开发过程中,我们可以把重复用到的功能封装成自定义组件,达到便捷开发的目的。组件的组织 通常一个应用会以一棵嵌套的组件树的形式来组织: 你可能会有头部导航、内容区、侧边栏等组件,每个组件内部又包含了导航链接、博文之类的组件。为了能在模板 中使用,这些组件必须先注册以便 Vue 能够识别。组件的注册在 Vue 中,组件的注册分全局注册和局部注册两种:全局注册:用 Vue
vue元素属性绑定v-bind属性绑定-基本使用使用 v-bind 指令对标签标准属性进行绑定。语法:<标签 v-bind:属性名称="表达式" ></标签> <!-- 简易方式设置,推荐使用 --> <标签 :属性名称="表达式"></标签>注意:冒号(:)的简易设置推荐使用。如果有需要,绑定的内容可以进行变量、常量、算术运算、比较运
import Vue from "vue"; import prButton from "./PermissionsBtn/PermissionsBtn"; //全局自定义组件配置 export default { install() { Vue.component("prButton", prBu ...
转载 2021-08-13 13:44:00
145阅读
2评论
<! > <template> <ul> <li v-for="item in calendarArray" :key="item.time" > <div :style="'color:' + (item.isCurrentMonth ? '#000' : '#bbb')" > {{ item.d ...
转载 2021-07-16 13:40:00
602阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5