课堂案例.vue

最新推荐文章于 2024-08-28 11:59:16 发布

独屾

最新推荐文章于 2024-08-28 11:59:16 发布

阅读量335

点赞数

文章标签：前端 javascript java

本文链接：https://blog.csdn.net/m0_69952953/article/details/127537193

版权

本文深入探讨了Vue.js项目中的核心组件app.vue，解析其结构、语法及功能，帮助读者理解Vue应用程序的基础构造。通过学习，你可以更好地掌握前端开发中的Vue框架应用。

摘要由CSDN通过智能技术生成

app.vue

<template>
  <div id="app">
    <div class="container">
      <!-- 顶部框模块 -->
      <div class="form-group">
        <div class="input-group">
          <h4>品牌管理</h4>
        </div>
      </div>

      <!-- 数据表格 -->
      <table class="table table-bordered table-hover mt-2">
        <thead>
          <tr>
            <th>编号</th>
            <th>资产名称</th>
            <th>价格</th>
            <th>创建时间</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
          <tr v-for="obj in list" :key="obj.id">
            <td>{
  { obj.id }}</td>
            <td>{
  { obj.name }}</td>

            <!-- 如果价格超过100，就有red这个类 -->