rabbitmq系列（二）几种常见模式的应用场景及实现
一、简单模式
原理：生产者将消息交给默认的交换机，交换机获取消息后交给绑定这个生产者的队列（投递规则为队列名称和routing key 相同的队列），监听当前队列的消费者获取信息并执行消费逻辑。
场景：有一个oa系统，用户通过接收手机验证码进行注册，页面上点击获取验证码后，将验证码放到消息队列，然后短信服务从队列中获取到验证码，并发送给用户。
实现：
生产者：
public class Producter {
public static void main(String[] args) throws Exception {
// 1. 创建出链接工厂
ConnectionFactory factory = new ConnectionFactory();
factory.setHost("127.0.0.1");
factory.setPort(5672);
factory.setVirtualHost("/");
// 2. 通过链接工厂创建链接对象
Connection connection = factory.newConnection();
// 3. 通过链接对象创建出channel
Channel channel = connection.createChannel();
// 4. 通过channel发布消息
/**
* 四个参数：
* 第一个参数是交换机的名称
* 第二个参数是路由键
* 第三个参数标识消息的一些额外的属性
* 第四个是消息的具体的内容
*/
String message = "字节";
for(int i = 0;i < 5;i ++){
channel.basicPublish("","byte001",null,message.getBytes());
}
// 5. 释放资源，释放channel 和 链接对象
channel.close();
connection.close();
}
}
消费者：
public class Consumer {
public static void main(String[] args) throws Exception {
// 1. 创建出链接工厂
ConnectionFactory factory = new ConnectionFactory();
factory.setHost("127.0.0.1");
factory.setPort(5672);
factory.setVirtualHost("/");
// 2. 通过链接工厂创建链接对象
Connection connection = factory.newConnection();
// 3. 通过链接对象创建出channel
Channel channel = connection.createChannel();
// 4. 创建出消息队列
/**
* 第一个参数是消息队列的名称
* 第二个参数表示消息是否持久化
* 第三个参数标识消息队列是否被channel独占
* 第四个参数标识是否自动删除消息队列，当消息队列没有绑定交换机后是否自动删除
* 第五个是消息队列扩展参数
*/
String queueName = "byte001";
channel.queueDeclare(queueName, true, false, false, null);
// 5. 创建消费者,对消息进行处理
DefaultConsumer consumer = new DefaultConsumer(channel) {
/**
* consumerTag 用来标识.可以再监听队列时候设置
* envelope 信封,通过envelope可以通过这个获取到很多东西
* properties 额外的消息属性
* body:消息体
*/
@Override
public void handleDelivery(String consumerTag, Envelope envelope, AMQP.BasicProperties properties, byte[] body) throws IOException {
String s = new String(body, "UTF-8");
System.out.println("获取到的消息："+s);
}
};
// 6. 通过channel消费者和消息队列关联
/**
* 第一个参数是消息队列的名字
* 第二个参数是否自动签收（即消费消息后告知服务器已被消费）
* 第三个参数是消费者
*/
channel.basicConsume(queueName, true, consumer);
}
}
二、工作模式
原理：生产者将消息交给交换机，交换机交给绑定的队列，队列有多个消费者监听，一条消息只能由一个消费者消费，这样就形成了资源竞争，谁的资源空闲大，争抢到的可能性就大。
场景：有一个电商平台，有两个订单服务，用户下单的时候，任意一个订单服务消费用户的下单请求生成订单即可。不用两个订单服务同时消费用户的下单请求。
实现：
生产者：
public class Producter {
public static final String QUEUE_NAME = "byte002";
public static void main(String[] args) throws Exception {
// 1. 创建出链接工厂
ConnectionFactory factory = new ConnectionFactory();
factory.setHost("127.0.0.1");
factory.setPort(5672);
factory.setVirtualHost("/");
// 2. 通过链接工厂创建链接对象
Connection connection = factory.newConnection();
// 3. 通过链接对象创建出channel
Channel channel = connection.createChannel();
// 申明队列
channel.queueDeclare(QUEUE_NAME,false,false,false,null);
// 4. 通过channel发布消息
/**
* 四个参数：
* 第一个参数是交换机的名称
* 第二个参数是路由键
* 第三个参数标识消息的一些额外的属性
* 第四个是消息的具体的内容
*/
String message = "字节";
for(int i = 0;i < 100;i ++){
channel.basicPublish("",QUEUE_NAME,null,(message+i).getBytes());
}
// 5. 释放资源，释放channel 和 链接对象
channel.close();
connection.close();
}
}
消费者1：
public class Consumer {
public static final String QUEUE_NAME = "byte002";
public static void main(String[] args) throws Exception {
// 1. 创建出链接工厂
ConnectionFactory factory = new ConnectionFactory();
factory.setHost("127.0.0.1");
factory.setPort(5672);
factory.setVirtualHost("/");
// 2. 通过链接工厂创建链接对象
Connection connection = factory.newConnection();
// 3. 通过链接对象创建出channel
Channel channel = connection.createChannel();
// 4. 创建出消息队列
/**
* 第一个参数是消息队列的名称
* 第二个参数表示消息是否持久化
* 第三个参数标识消息队列是否被channel独占
* 第四个参数标识是否自动删除消息队列，当消息队列没有绑定交换机后是否自动删除
* 第五个是消息队列扩展参数
*/
channel.queueDeclare(QUEUE_NAME, false, false, false, null);
channel.basicQos(1); // 告诉服务器，在我们没有确认当前消息时不要给我们发送新的消息
// 5. 创建消费者,对消息进行处理
DefaultConsumer consumer = new DefaultConsumer(channel) {
/**
* consumerTag 用来标识.可以再监听队列时候设置
* envelope 信封,通过envelope可以通过这个获取到很多东西
* properties 额外的消息属性
* body:消息体
*/
@Override
public void handleDelivery(String consumerTag, Envelope envelope, AMQP.BasicProperties properties, byte[] body) throws IOException {
String s = new String(body, "UTF-8");
System.out.println("消费者1收到的内容："+s);
try {
Thread.sleep(10); // 模拟消费耗时
} catch (InterruptedException e) {
e.printStackTrace();
}
channel.basicAck(envelope.getDeliveryTag(),false); // 参数2false为确认收到消息，true为拒绝收到消息
}
};
// 6. 通过channel消费者和消息队列关联
/**
* 第一个参数是消息队列的名字
* 第二个参数是否自动签收（即消费消息后告知服务器已被消费）
* 第三个参数是消费者
*/
channel.basicConsume(QUEUE_NAME, false, consumer);
}
}
消费者2：
public class Consumer2 {
public static final String QUEUE_NAME = "byte002";
public static void main(String[] args) throws Exception {
// 1. 创建出链接工厂
ConnectionFactory factory = new ConnectionFactory();
factory.setHost("127.0.0.1");
factory.setPort(5672);
factory.setVirtualHost("/");
// 2. 通过链接工厂创建链接对象
Connection connection = factory.newConnection();
// 3. 通过链接对象创建出channel
Channel channel = connection.createChannel();
// 4. 创建出消息队列
/**
* 第一个参数是消息队列的名称
* 第二个参数表示消息是否持久化
* 第三个参数标识消息队列是否被channel独占
* 第四个参数标识是否自动删除消息队列，当消息队列没有绑定交换机后是否自动删除
* 第五个是消息队列扩展参数
*/
channel.queueDeclare(QUEUE_NAME, false, false, false, null);
channel.basicQos(1); // 告诉服务器，在我们没有确认当前消息时不要给我们发送新的消息
// 5. 创建消费者,对消息进行处理
DefaultConsumer consumer = new DefaultConsumer(channel) {
/**
* consumerTag 用来标识.可以再监听队列时候设置
* envelope 信封,通过envelope可以通过这个获取到很多东西
* properties 额外的消息属性
* body:消息体
*/
@Override
public void handleDelivery(String consumerTag, Envelope envelope, AMQP.BasicProperties properties, byte[] body) throws IOException {
String s = new String(body, "UTF-8");
System.out.println("消费者2收到的内容："+s);
try {
Thread.sleep(500); // 模拟消费耗时
} catch (InterruptedException e) {
e.printStackTrace();
}
channel.basicAck(envelope.getDeliveryTag(),false); // 参数2false为确认收到消息，true为拒绝收到消息
}
};
// 6. 通过channel消费者和消息队列关联
/**
* 第一个参数是消息队列的名字
* 第二个参数是否自动签收（即消费消息后告知服务器已被消费）
* 第三个参数是消费者
*/
channel.basicConsume(QUEUE_NAME, false, consumer);
}
}
保证资源竞争的代码就是这一行channel.basicQos(1);如果不加这一行，我们会发现两个消费者是轮询消费消息的。
三、发布订阅模式
原理：生产者将消息扔给交换机，交换机类型是fanout，不同的队列注册到交换机上，不同的消费注册在不同的队列上。所有消费者都会收到消息。
场景：有一个商城，我们新添加一个商品后，可能同时需要去更新缓存和数据库。
实现：
生产者：
public class Producter {
// 定义交换机的名字
public static final String EXCHANGE_NAME="byte003";
public static void main(String[] args) throws Exception {
// 1. 创建出链接工厂
ConnectionFactory factory = new ConnectionFactory();
factory.setHost("127.0.0.1");
factory.setPort(5672);
factory.setVirtualHost("/");
// 2. 通过链接工厂创建链接对象
Connection connection = factory.newConnection();
// 3. 通过链接对象创建出channel
Channel channel = connection.createChannel();
// 定义一个交换机，类型是fanout
channel.exchangeDeclare(EXCHANGE_NAME,"fanout");
// 因为消息先发到交换机，交换机没有保存功能，所以如果没有消费者，消息会丢失
channel.basicPublish(EXCHANGE_NAME,"",null,"发布订阅模式的消息".getBytes());
channel.close();
connection.close();
}
}
消费者1：
public class Consumer1 {
public static final String EXCHANGE_NAME="byte003";
public static void main(String[] args) throws Exception {
// 1. 创建出链接工厂
ConnectionFactory factory = new ConnectionFactory();
factory.setHost("127.0.0.1");
factory.setPort(5672);
factory.setVirtualHost("/");
// 2. 通过链接工厂创建链接对象
Connection connection = factory.newConnection();
// 3. 通过链接对象创建出channel
Channel channel = connection.createChannel();
String queueName = "queue003";
channel.queueDeclare(queueName,false,false,false,null);
// 绑定队列到交换机
channel.queueBind(queueName,EXCHANGE_NAME,"");
channel.basicQos(1);
DefaultConsumer consumer = new DefaultConsumer(channel) {
/**
* consumerTag 用来标识.可以再监听队列时候设置
* envelope 信封,通过envelope可以通过这个获取到很多东西
* properties 额外的消息属性
* body:消息体
*/
@Override
public void handleDelivery(String consumerTag, Envelope envelope, AMQP.BasicProperties properties, byte[] body) throws IOException {
String s = new String(body, "UTF-8");
System.out.println("消费者1："+s);
channel.basicAck(envelope.getDeliveryTag(),false);
}
};
channel.basicConsume(queueName,false,consumer);
}
}
消费者2：
public class Consumer2 {
public static final String EXCHANGE_NAME="byte003";
public static void main(String[] args) throws Exception {
// 1. 创建出链接工厂
ConnectionFactory factory = new ConnectionFactory();
factory.setHost("127.0.0.1");
factory.setPort(5672);
factory.setVirtualHost("/");
// 2. 通过链接工厂创建链接对象
Connection connection = factory.newConnection();
// 3. 通过链接对象创建出channel
Channel channel = connection.createChannel();
String queueName = "queue004";
channel.queueDeclare(queueName,false,false,false,null);
// 绑定队列到交换机
channel.queueBind(queueName,EXCHANGE_NAME,"");
channel.basicQos(1);
DefaultConsumer consumer = new DefaultConsumer(channel) {
/**
* consumerTag 用来标识.可以再监听队列时候设置
* envelope 信封,通过envelope可以通过这个获取到很多东西
* properties 额外的消息属性
* body:消息体
*/
@Override
public void handleDelivery(String consumerTag, Envelope envelope, AMQP.BasicProperties properties, byte[] body) throws IOException {
String s = new String(body, "UTF-8");
System.out.println("消费者2："+s);
channel.basicAck(envelope.getDeliveryTag(),false);
}
};
channel.basicConsume(queueName,false,consumer);
}
}
需要注意的一点就是交换机没有保存功能，如果没有消费者，则消息会丢失。
四、路由模式
原理：生产者将消息发送给交换机，消息携带具体的routingkey。交换机类型是direct，接收到消息中的routingkey，比对与之绑定的队列的routingkey，分发到不同的队列上。
场景：还是一样，有一个商城，新添加了一个商品，实时性不是很高，只需要添加到数据库即可，不用刷新缓存。
实现：
生产者：
public class Producter {
// 定义交换机的名字
public static final String EXCHANGE_NAME="byte004";
public static void main(String[] args) throws Exception {
// 1. 创建出链接工厂
ConnectionFactory factory = new ConnectionFactory();
factory.setHost("127.0.0.1");
factory.setPort(5672);
factory.setVirtualHost("/");
// 2. 通过链接工厂创建链接对象
Connection connection = factory.newConnection();
// 3. 通过链接对象创建出channel
Channel channel = connection.createChannel();
// 定义一个交换机，类型是direct
channel.exchangeDeclare(EXCHANGE_NAME,"direct");
// 因为消息先发到交换机，交换机没有保存功能，所以如果没有消费者，消息会丢失
channel.basicPublish(EXCHANGE_NAME,"key1",null,"发布路由模式的消息".getBytes());
channel.close();
connection.close();
}
}
消费者1：
public class Consumer1 {
public static final String EXCHANGE_NAME="byte004";
public static void main(String[] args) throws Exception {
// 1. 创建出链接工厂
ConnectionFactory factory = new ConnectionFactory();
factory.setHost("127.0.0.1");
factory.setPort(5672);
factory.setVirtualHost("/");
// 2. 通过链接工厂创建链接对象
Connection connection = factory.newConnection();
// 3. 通过链接对象创建出channel
Channel channel = connection.createChannel();
String queueName = "queue005";
channel.queueDeclare(queueName,false,false,false,null);
// 绑定队列到交换机
/**
* 参数3是routingkey，只有和它一样的routingkey的消息才会被当前消费者收到
*/
channel.queueBind(queueName,EXCHANGE_NAME,"key1");
// 如果要接收多个routingkey的消息，在执行一次上面的代码即可，如下
channel.queueBind(queueName,EXCHANGE_NAME,"key2");
channel.basicQos(1);
DefaultConsumer consumer = new DefaultConsumer(channel) {
/**
* consumerTag 用来标识.可以再监听队列时候设置
* envelope 信封,通过envelope可以通过这个获取到很多东西
* properties 额外的消息属性
* body:消息体
*/
@Override
public void handleDelivery(String consumerTag, Envelope envelope, AMQP.BasicProperties properties, byte[] body) throws IOException {
String s = new String(body, "UTF-8");
System.out.println("消费者1："+s);
channel.basicAck(envelope.getDeliveryTag(),false);
}
};
channel.basicConsume(queueName,false,consumer);
}
}
消费者2：
public class Consumer2 {
public static final String EXCHANGE_NAME="byte004";
public static void main(String[] args) throws Exception {
// 1. 创建出链接工厂
ConnectionFactory factory = new ConnectionFactory();
factory.setHost("127.0.0.1");
factory.setPort(5672);
factory.setVirtualHost("/");
// 2. 通过链接工厂创建链接对象
Connection connection = factory.newConnection();
// 3. 通过链接对象创建出channel
Channel channel = connection.createChannel();
String queueName = "queue006";
channel.queueDeclare(queueName,false,false,false,null);
// 绑定队列到交换机
channel.queueBind(queueName,EXCHANGE_NAME,"key2");
channel.basicQos(1);
DefaultConsumer consumer = new DefaultConsumer(channel) {
/**
* consumerTag 用来标识.可以再监听队列时候设置
* envelope 信封,通过envelope可以通过这个获取到很多东西
* properties 额外的消息属性
* body:消息体
*/
@Override
public void handleDelivery(String consumerTag, Envelope envelope, AMQP.BasicProperties properties, byte[] body) throws IOException {
String s = new String(body, "UTF-8");
System.out.println("消费者2："+s);
channel.basicAck(envelope.getDeliveryTag(),false);
}
};
channel.basicConsume(queueName,false,consumer);
}
}
五、主题模式
原理：路由模式的一种，路由功能添加了模糊匹配。星号（*）代表1个单词，#号（#）代表一个或多个单词。具体可参考路由模式。
场景：还是一样，有一个商城，新添加了一个商品，实时性不是很高，只需要添加到数据库即可，数据库包含了主数据库mysql1和从数据库mysql2的内容，不用刷新缓存。
实现：
生产者：
public class Producter {
// 定义交换机的名字
public static final String EXCHANGE_NAME="byte004";
public static void main(String[] args) throws Exception {
// 1. 创建出链接工厂
ConnectionFactory factory = new ConnectionFactory();
factory.setHost("127.0.0.1");
factory.setPort(5672);
factory.setVirtualHost("/");
// 2. 通过链接工厂创建链接对象
Connection connection = factory.newConnection();
// 3. 通过链接对象创建出channel
Channel channel = connection.createChannel();
// 定义一个交换机，类型是topic
channel.exchangeDeclare(EXCHANGE_NAME,"topic");
// 因为消息先发到交换机，交换机没有保存功能，所以如果没有消费者，消息会丢失
channel.basicPublish(EXCHANGE_NAME,"key.1.2",null,"发布路由模式的消息".getBytes());
channel.close();
connection.close();
}
}
消费者1：
public class Consumer1 {
public static final String EXCHANGE_NAME="byte004";
public static void main(String[] args) throws Exception {
// 1. 创建出链接工厂
ConnectionFactory factory = new ConnectionFactory();
factory.setHost("127.0.0.1");
factory.setPort(5672);
factory.setVirtualHost("/");
// 2. 通过链接工厂创建链接对象
Connection connection = factory.newConnection();
// 3. 通过链接对象创建出channel
Channel channel = connection.createChannel();
String queueName = "queue005";
channel.queueDeclare(queueName,false,false,false,null);
// 绑定队列到交换机
/**
* 参数3是routingkey，只有和它一样的routingkey的消息才会被当前消费者收到
*/
channel.queueBind(queueName,EXCHANGE_NAME,"key.*");
// 如果要接收多个routingkey的消息，在执行一次上面的代码即可，如下
channel.queueBind(queueName,EXCHANGE_NAME,"abc.#");
channel.basicQos(1);
DefaultConsumer consumer = new DefaultConsumer(channel) {
/**
* consumerTag 用来标识.可以再监听队列时候设置
* envelope 信封,通过envelope可以通过这个获取到很多东西
* properties 额外的消息属性
* body:消息体
*/
@Override
public void handleDelivery(String consumerTag, Envelope envelope, AMQP.BasicProperties properties, byte[] body) throws IOException {
String s = new String(body, "UTF-8");
System.out.println("消费者1："+s);
channel.basicAck(envelope.getDeliveryTag(),false);
}
};
channel.basicConsume(queueName,false,consumer);
}
}
消费者2：
public class Consumer2 {
public static final String EXCHANGE_NAME="byte004";
public static void main(String[] args) throws Exception {
// 1. 创建出链接工厂
ConnectionFactory factory = new ConnectionFactory();
factory.setHost("127.0.0.1");
factory.setPort(5672);
factory.setVirtualHost("/");
// 2. 通过链接工厂创建链接对象
Connection connection = factory.newConnection();
// 3. 通过链接对象创建出channel
Channel channel = connection.createChannel();
String queueName = "queue006";
channel.queueDeclare(queueName,false,false,false,null);
// 绑定队列到交换机
channel.queueBind(queueName,EXCHANGE_NAME,"key.#");
channel.basicQos(1);
DefaultConsumer consumer = new DefaultConsumer(channel) {
/**
* consumerTag 用来标识.可以再监听队列时候设置
* envelope 信封,通过envelope可以通过这个获取到很多东西
* properties 额外的消息属性
* body:消息体
*/
@Override
public void handleDelivery(String consumerTag, Envelope envelope, AMQP.BasicProperties properties, byte[] body) throws IOException {
String s = new String(body, "UTF-8");
System.out.println("消费者2："+s);
channel.basicAck(envelope.getDeliveryTag(),false);
}
};
channel.basicConsume(queueName,false,consumer);
}
}
代码已上传：
github地址： https://github.com/binzh303/zhixie-code-example
gitee地址： https://gitee.com/javaXiaoCaiJi/zhixie-code-example
> 如果文章对您有帮助，请记得点赞关注哟~
> 欢迎大家关注我的公众号：字节传说，每日推送技术文章供大家学习参考。
rabbitmq系列（二）几种常见模式的应用场景及实现的更多相关文章
- 在Node.js中使用RabbitMQ系列二 任务队列
在上一篇文章在Node.js中使用RabbitMQ系列一 Hello world我有使用一个任务队列,不过当时的场景是将消息发送给一个消费者,本篇文章我将讨论有多个消费者的场景. 其实,任务队列最核心 ...
- RabbitMQ入门及其几种工作模式
1.简介 MQ全程Message Queue,用于应用程序和应用程序间进行通信.RabbitMQ采用Erlang编写,实现了AMQP(高级消息队列)协议,跨平台,支持各种主流的操作系统和多种客户端. ...
- restql 学习二 几种查询模式
restql 提供了比较强大的查询处理. 支持的几种查询模式 基本查询,主要是单一映射资源的查询,(from,with,only,header,cache...) 并行查询,多个资源的同时查询,(对于 ...
- RabbitMQ系列(二)--基础组件
声明:对于RabbitMQ的学习基于某课网相关视频和<RabbitMQ实战指南>一书,后续关于RabbitMQ的博客都是基于二者 一.什么是RabbitMQ RabbitMQ是开源代理和队 ...
- RabbitMQ系列二（构建消息队列）
从AMQP协议可以看出,MessageQueue.Exchange和Binding构成了AMQP协议的核心.下面我们就围绕这三个主要组件,从应用使用的角度全面的介绍如何利用RabbitMQ构建消息队列 ...
- 【js基础】创建对象的几种常见模式（工厂模式，构造函数模式，原型模式，构造原型组合模式）
一.工厂模式 缺点:没有解决对象识别的问题 优点:解决了创建多个相似对象的问题 function createPerson(name,age,job){ var o = new Object(); o ...
- rabbitmq系列二 之工作队列
---恢复内容开始--- 1.工作队列的简介 在上一篇中,我们已经写了一个从已知队列中发送和获取消息的程序,在这里,我们创建一个工作队列(work queue), 会发送一些耗时的任务给多个工作者.模 ...
- robot framework接口测试之二-四种常见的POST提交数据方式
写接口测试用例时,遇到以json格式提交数据时,报错,Request如下图: Response如下图: 改成form格式提交,可以正常运行,如下图: 代码如下: ------------------- ...
- RabbitMQ学习系列（四）: 几种Exchange 模式
上一篇,讲了RabbitMQ的具体用法,可以看看这篇文章:RabbitMQ学习系列(三): C# 如何使用 RabbitMQ.今天说些理论的东西,Exchange 的几种模式. AMQP协议中的核心思 ...
随机推荐
- poj 3601Tower of Hanoi
Tower of Hanoi Time Limit: 1000MS Memory Limit: 131072K Total Submissions: 1895 Accepted: 646 De ...
- pip安装指定版本的应用
可以在pip后使用 == 运算符指定版本号 pip install applicationName==version
- Python--day25--复习（单继承和多继承的总结）
- 【TensorFlow】理解tf.nn.conv2d方法 ( 附代码详解注释 )
最近在研究学习TensorFlow,在做识别手写数字的demo时,遇到了tf.nn.conv2d这个方法,查阅了官网的API 发现讲得比较简略,还是没理解.google了一下,参考了网上一些朋友写得博 ...
- 用adblock过滤页面上固定位置的悬浮窗
现在各种网站都喜欢加入position:fixed的悬浮窗,这些悬浮窗可以是分享按钮,可以是二维码,可以是各种烦人的按钮. 因为这些悬浮窗未必是广告,所以adblock很少自动屏蔽它们. 可这些悬浮窗 ...
- Vue 小实例 跑马灯效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- java 使用反射操作字段
Field提供两组方法操作字段: xxx getXxx(Object obj):获取obj对象该Field的字段值,此处的xxx表示8个基本数据类型.若该字段的类型是引用数据类型则使用,Object ...
- 【ts】 VSCode自动编译TypeScript终端报错
一.点击终端--运行任务--选择tsc:监视 - tsconfig.json后,终端报出了如下错误:error TS5058: The specified path does not exist 在网 ...
- P1004 奶牛与牧场
题目描述 有一个牧场,牧场上的牧草每天都在匀速生长,这片牧场可供 \(a\) 头牛吃 \(b\) 天,或可供 \(c\) 头牛吃 \(d\) 天,那么,这片牧场每天新生的草量最多可供几头牛吃1天? 输 ...
- Vue中通过属性绑定为元素绑定style行内样式
1.直接在元素上通过:style的形式,书写样式对象 2.将样式对象定义在data中,并直接引用到:style中 3.在:style中通过数组,引用多个data上的样式对象