Vue 是一个轻巧、高性能、可组件化的MVVM库,API简洁明了,上手快。从Vue推出以来,得到众多Web开发者的认可。现在,很多公司的Web前端项目开发中,采用了基于Vue的UI组件框架开发,并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后,开发效率大大提高,自己写的代码也少了,很多界面效果组件已经封装好了。下面简单介绍一些优秀的的Vue UI组件库。1、 iViewUI组件库iV
创建, 发布自己的 Vue UI 组件库前言在使用 Vue 进行日常开发时, 我们经常会用到一些开源的 UI 库, 如: Element-UI, Vuetify 等.只需一行命令, 即可方便的将这些库引入我们当前的项目:npm install vuetify
// or
yarn add vuetify但是当我们自己开发了一个 UI Component, 需要在多个项目中使用的时候呢? 我们首先想
转载
2024-05-06 20:54:47
386阅读
style<scroll-view :style="{'height': '300px'}"></scroll-view>要设置高度原生的事件<scroll-view :style="{'height': '300px'}" :scroll-y=
原创
2022-07-05 17:00:01
57阅读
1.vuex是什么?概念在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。当多个组件需要共享数据时使用vuex。2.搭建vuex环境1.创建文件:src/store/index.js//引入Vue核心库
import Vue from 'vue'
//引入Vuex
import Vue
转载
2023-08-26 03:45:25
115阅读
再一次开发订餐系统中,遇到订餐页面引入头部商品列表,底部组件时,报错,模块编译失败,未进入缓存区。 我以为是新添加的模块没有重新启动导致的,然后重新与运行npm run dev后还是失败, 最后经过反复测试, 当在父组件中引入子组件时,如果命名Header/header Section/sectio
原创
2021-07-19 16:38:57
190阅读
1.什么是组件 组件(Component)是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素,封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树: 注册一个全局组件语法格式如下: Vue.component(tag ...
转载
2021-08-19 19:22:00
266阅读
2评论
Vue 组件的使用组件的两种命名方式使用 kebab-case Vue.component('my-component-name', { /* ... */ })当使用 kebab-case (短横线分隔命名) 定义一个组件时,你也必须在引用这个自定义元素时使用 kebab-case,例如 。使用 PascalCaseVue.component('MyComponentName', { /* ... */ })当使用 PascalCase (首字母大写命名) 定义一个组件时
原创
2022-01-10 10:45:45
184阅读
mpvue使用echarts 在mpvue中开发小程序中,mpvue官方出了一套适用于mpvue使用的eecharts,叫mpvue-echarts; 值得一提的是,原生小程序使用的是echarts-for-weixin,具体地址如下: https://github.com/ecomfe/echar ...
转载
2021-09-16 11:24:00
467阅读
2评论
1.组件,什么是组件,可以这样理解,一个页面有可能包含很多逻辑,很混乱,当我们将这一大坨东西分为很多个小东西,每一个小东西只完成自己的功能,和其他的小东西互不干涉,页面想要使用,只需要引入就行了。 2.组件的使用可分为三步:一创建组件构造器,二注册组件,三使用组件 3.其实每一个组件就相当于一个vue实例,它也有自己的template,method,data,components这些东西,data
转载
2024-04-03 12:51:40
155阅读
小程序具有简洁轻便,无需安装,打开即用的特点;遇到页面查询添加过多而感觉页面混乱地引入iview-w
原创
2022-10-28 08:05:50
80阅读
vue工程更改ivew组件主题颜色1、描述更改ivew组件的主题颜色,如下比较:2、实现步骤通过webpack搭建好了一个vue工程,安装ivew插件,所有程序正常使用的情况下:1、终端执行命令 npm i iview-theme -g2、项目工程下,新建一个文件夹my-theme, 在该文件夹下新建文件index....
转载
2021-06-08 14:51:34
529阅读
iview : http://v1.iviewui.com/ PC端:element-ui 移动端:mint、vant、cube-ui、vux
原创
2022-08-04 22:26:21
158阅读
作者:lindelof 在本文中,我们将探讨一些最常见的vue js组件。你可以收藏一波。Table 类Vue Tables-2地址:https://github.com/matfish2/vue-tables-2Vue Tables 2旨在为开发者提供一个功能齐全的工具集,以便用 Vue 创建漂亮而实用的数据表格。数百个商业软件应用正在使用它。此外,Vue Tables 2正在不断成长、改进,同
转载
2023-09-21 10:08:48
120阅读
Vue 是一个轻巧、高性能、可组件化的MVVM库,API简洁明了,上手快。从Vue推出以来,得到众多Web开发者的认可。 在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后,开发效率大大提高,自己写的代码也少了,很多界面效果组件已经封装好了。 在选择Vue UI组件库的过程中,通过GitHub上根据star数量、文
转载
2023-12-20 23:25:19
49阅读
创建vue组件一、’创建vue组件有四个步骤: 全局组件 1.先命名,用Vue.extend()构建一个你需要渲染的html;创建一个模版 2.调用Vue.component('Html里自己创建的标签',1步骤中创建的构造器名称);注册 3.创建一个vue实例,让其他的挂载在其标签下面; &nbs
转载
2024-04-24 11:50:00
79阅读
一、组件概念 有html模板,有css样式,有js逻辑的集合体 1、根组件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>模板</title> </head> <body> <div id="app"> <h1>组件概念</h Read More
原创
2021-08-26 15:56:45
143阅读
子组件 <div @click="tabClick(item, index)" > methods: { //item和index就是传递的参数 tabClick(item, index) { this.currentIndex = index; this.$emit("tabClick", itm ...
转载
2021-09-01 16:57:00
131阅读
2评论
vue组件使用分三步: 1. 引用组件 import facePop from './components/facePop' 2. 注册组件 components = { facePop } 3. 使用组件 <facePop></facePop> 新建一个components文件夹存放组件 src/
原创
2023-11-23 12:22:32
95阅读
本文是我把Vant Weapp组件库官方示例改写到Mpvue框架下对应的开源项目的简要说明。
原创
2019-02-14 13:25:35
9529阅读
文章目录1.你mpvue初始化vue项目是否遇到过这样的问题?2. 获取最新github IP方法3. 再次运行mpvue 初始化项目 1.你mpvue初始化vue项目是否遇到过这样的问题?vue-cli · Failed to download repo mpvue/mpvue-quickstart: connect ETIMEDOUT 111.197.146.189原因 :github的ip
原创
2023-05-17 18:36:00
172阅读