vue.js

提升组件库通用能力 - NutUI 在线主题定制功能探索

NutUI 作为京东风格的组件库,已具备 H5 和多端小程序开发能力。随着业务的不断发展,组件库的应用场景越来越广。在公司内外面临诸如科技、金融、物流等各多个大型团队使用时,单一的京东 APP 视觉虽可以一键进行换肤操作,但是对于更个性化的定制需求(组件级样式、规范、尺寸等)近千行的[主题样式变量]... ... »

Vue3+ElementPlus的一套开源前台+后台管理模板

Vue-Element-Faster 基于最新版vue.js 3.x与element-plus2.x实现的一套前台展示系统、后台管理系统模板,自带权限管理模块。 API接口基于SpringBoot2.6.*, 技术栈包含SpringSecurity、Mybatis、Mysql5.7、Redis、Ra ... »

RexSheng Html

【Vue.js游戏机实战】- Vue.js实现大转盘抽奖总结 Vue.js实战之游戏抽奖系列全集↓↓↓↓↓↓↓↓↓↓↓【Vue.js实战案例】- Vue.js实现老虎-机抽奖总结【Vue.js实战案例】- Vue.js实现九宫格水果机抽奖游戏总结【Vue.js实战案例】- Vue.js实现大转盘抽奖总结

大家好!先上图看看本次案例的整体效果。 实现思路: 实现步骤如下: store: 以上就是大转盘抽奖核心步骤的整体思路,欢迎讨论。 Vue.js实战之游戏抽奖系列全集 ↓↓↓↓↓↓↓↓↓↓↓ 【Vue »

codeon

vue.js - 安装各种依赖

1.搭建淘宝镜像npm install cnpm -g --tegistry=https://registry.npm.taobao.or 2.vue-cli搭建vue项目流程a. npm install --global vue-clib. vue init webpack my-projectc. cd my-projectd. npm installe. npm run dev 3.安装vu »

vue.js - 1

最近开发公司vue前端项目,做一下笔记,偶尔上来查漏补缺 Vue指令之v-bind的三种用法 直接使用指令v-bind 使用简化指令: 在绑定的时候,拼接绑定内容::title="btnTitle + ', 这是追加的内容'" Vue指令之v-on的缩写和事件修饰符 事件修饰符: .stop 阻止冒泡 .prevent 阻止默认事件 .capture 添加事件侦听器时使 »

vue.js axios call api example

代码样例:      code: let url = '/api/xxx/yyy'; let paramObj = JSON.stringify( { } ); axios .post(url, »

Vue.js入门(14)echart

序言   echarts的柱状图在数量比较少时如何控制柱状图的宽度 https://blog.csdn.net/weixin_41305441/article/details/103121794   资料 https://echarts.apache.org/examples/zh/index.html https://www.bilibili.com/video/BV1ap4y1q7JV?p=4 »

Vue.js——60分钟组件快速入门(上篇)

组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树: 那么什么是组件呢?组件可以扩展HTML元素,封装可重用的HTML代码,我们可以将组件看作自定义的HTML元素。 本文的Demo和源代码已放到GitHub,如果您觉得本篇内容不错,请点个赞,或在GitHub上加个星星!(所有示例都放在GitHub »

Vue.js与React的全面对比

Vue.js与React.js从某些反面来说很相似,通过两个框架的学习,有时候对一些用法会有一点思考,为加深学习的思索,特翻阅了两个文档,从以下各方面进行了对比,加深了对这两个框架的认知。 1.数据绑定 1.1 Vue中有关数据绑定的部分 vue是双向绑定, Vue.js 最核心的功能有两个,一是响应式的数据绑定系统,二是组件系统。所谓双向绑定,指的是vue实例中的data与其渲染的DOM元素 »

用vue.js实现购物车功能

购物车是电商必备的功能,可以让用户一次性购买多个商品,常见的购物车实现方式有如下几种: 1. 用户更新购物车里的商品后,页面自动刷新。 2. 使用局部刷新功能,服务器端返回整个购物车的页面html 3. 服务器端返回JSON格式,使用模板引擎+dom操作更新页面 最近新学习了vue.js,一个轻量级的mvvm(Model-View-ViewModel),vue.js是数据驱动无须操作dom,它提供 »

Vue.js(06):样式绑定

class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。 v-bind 在处理 class 和 style 时, 专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组。 一、class 属性绑定 我们可以为 v-bind:class 设置一个对象,从而动态的切换 class: 实例中将 isActive 设置为 tr »

关于Vue.js去掉#号路由

正常启动后访问路由:   中间会自动加入一个#号   去掉#号:   在route文件夹下的index.js中加入mode: 'history', ①:    ②: 关于mode说明: 默认值: ‘hash‘(浏览器) 或 ‘abstract‘(node.js) 可选值 : ‘hash’ | ‘history’ | ‘abstract’ hash: 使用 URL hash 值来作路由。支持所有浏 »

使用Vue.js制作仿Metronic高级表格(一)静态设计

Metronic高级表格是Metonic框架中自行实现的表格,其底层是Datatables。本教程将主要使用Vue实现交互部分,使用Bootstrap做样式库。jQuery做部分用户交互(弹窗)。 使用到的库:Vue 2.0。Bootstrap3、jQuery2、font-awesome4。均可在CDN下载 须要注意的是,Vue最好使用开发版本号 一、需求和原型设计 产品目标是一个图书管理表 »

vue.js 源代码学习笔记 ----- Dep

/* @flow */ import type Watcher from './watcher' import { remove } from '../util/index' let uid = 0 /** * A dep is an observable that can have multiple * directives subscribing to it. 一个订阅模式 可以 »

使用 v-cloak 防止页面加载时出现 vue.js 的变量名

知识点:使用 v-cloak 防止页面加载时出现 vue.js 的变量名 场景:在使用vue语法,实现下拉框功能时,展示数据列表之前,出现对应的 vuejs 变量名     代码: var vm = new Vue({el: '#demoVueList',data: {type_arr:[ //运送类型数组 {ID:0,NAME:'循环运送'}, {ID:1,NAME:'即时运送'} »

《Vue.js实战》--推荐指数⭐⭐⭐⭐

献上pdf版本的百度网盘链接: https://pan.baidu.com/s/1YRwyR_ygW3tzBx1FbfjO1A 提取码: b255  先来看下目录: 看完这本书大概花了一个星期,走马观花直接扫完了,哈哈,不过也确实对vue的了解更深了 这本书是iview的作者写的,以vue2.0为基础,以经典的demo例子和一些项目实战来引导读者渐进的学习,感觉挺好的 总共分为三个部分:基础篇- »