如何在vue中使用类（VUE怎么用）

今天给各位分享如何在vue中使用类的知识，其中也会对VUE怎么用进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、vue中使用枚举enum
• 2、如何利用标签对一个产品进行分类Vue
• 3、vue模块中如何使用javascript类继承
• 4、如何在VUE中引入工具类JS
• 5、如何在Vue中有条件地使用CSS类

vue中使用枚举enum

由于JavaScript并没有提供enum关键字来建造枚举对象，所以前端一直有很多硬编码，这是非常不能令人容忍的，特别是在vue这种本身就代表优雅的框架开发下。

首先说明，目前是不能使用enum关键字来声明枚举，以下方式是个人自己编写，也是本人觉得较为优雅的方式，由于ES6的限制，声明方式也不完全像java中的enum

将如下Enum.js放入项目，随便想放哪个目录就放哪个目录，依据项目结构而定，我的话放在common下

根据个人编码习惯，我喜欢把枚举类单独放在一个文件夹下，这样便于统一管理，比如我就统一放在项目目录下的env文件夹下

举例：创建 UserStatusEnum.js 引入Enum.js，创建UserStatusEnum类并继承Enum类

这里要注意的是，枚举对象要使用数组，属性上下顺序对应枚举中数组内容的顺序，比如这里code在desc上面，那么就分别对应NORMAL中的一二位，这点会java的同学应该一目了然，当然，如果有多个填写多个属性便是，如果是没有属性的记得枚举那里也要写成数组形式，只是不填值便可

打开控制台可以看到枚举对象已经创建好了，直接食用便可

例：

如何利用标签对一个产品进行分类Vue

产品类别一是按照消费者的需求及特征划分，二是按照商场经营管理商品的角度划分。

一是按照消费者的需求及特征划分，如按消费者的衣、食、住、用、行划分，有食品类、服装类、鞋帽类、日用品类、家具类、家用电器类、纺织品类、‘五金电料类、厨具类等；按照消费者的需要层次划分，有基本生活品类、享受品类和发展品类等；按照消费者购买行为划分，有日用品类、选购品类和特殊品类；按照消费者的年龄和性别分有老年人用品类、中年用品类、青年用品类、儿童及婴儿用品类；女士用品类、男士用品类等。

二是按照商场经营管理商品的角度划分，如按经营重要程度划分，可分为主营商品、一般商品类和辅助商品类。主营商品类在销售额中占主要比重，反映商场的经营特色，是商场的利润的主要来源；一般商品类是为了配合主营商品的销售，满足顾客的连带需要、例外需要的商品，在销售额中的比重较低；辅助商品类是商场为了吸引顾客，提高商场规格，促进主营商品类和一般商品类的销售，在销售额中占有的比重最低；按商品销售的顺畅程度划分，有畅销商品类、平销商品类、滞销商品类和冷背商品类；按商品质量及价格划分，有高档商品类、中档商品类和低档商品类。这种划分有利于商场的经营管理。

vue模块中如何使用javascript类继承

1、首先确定一个vue模块，点击编辑。

2、其次选择继承方式为类继承。

3、最后直接点击选择使用javascript类继承即可保存。

如何在VUE中引入工具类JS

var utils = {

a: 'hello',

b: function(){

console.log("hello");

}

}

export default utils

在你要引入的组件中：

import Utils from utils.js // utils.js这个是你要引入的那个js文件

然后就可以这样调用了:

Utils.b()

如何在Vue中有条件地使用CSS类

a  v-bind:class="index==0?'current1':'current2'" test/a

上面代码 index请在data里面定义

如何在vue中使用类的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于VUE怎么用、如何在vue中使用类的信息别忘了在本站进行查找喔。