bootstrap vue

作者：饮尽孤单发布日期:2025-11-29 浏览:72

<!-- 这是一个简单的 Bootstrap Vue 示例代码 -->
<template>
  <div>
    <!-- 使用 Bootstrap Vue 的按钮组件 -->
    <b-button variant="primary" @click="handleClick">点击我</b-button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      alert('你点击了按钮！');
    }
  }
};
</script>

<!-- 解释说明：
1. `<b-button>` 是 Bootstrap Vue 提供的按钮组件，`variant="primary"` 设置按钮样式为蓝色。
2. `@click="handleClick"` 绑定了一个点击事件，当按钮被点击时会触发 `handleClick` 方法。
3. 在 `methods` 中定义了 `handleClick` 方法，当按钮被点击时会弹出一个警告框，显示 "你点击了按钮！"。
-->

上一篇：vue mixins

下一篇：vue component