index.html — vue Source File

Architecture documentation for index.html, a html file in the vue codebase.

File html

Entity Profile

Source Code

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="../../dist/vue.min.js"></script>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="demo.css">
  </head>
  <body>
    <div id="el">
      <h1>Rendering Dynamic Big Table</h1>
      <p>Reference: <a href="http://insin.github.io/ui-lib-samples/large-datasets/index.html">insin/ui-lib-samples/large-datasets</a></p>

      <p>
        <span>{{ rows }} x {{ cols }}, {{ optimized ? 'with' : 'without' }} optimization. {{ msg }}</span>
      </p>

      <p>
        <button v-if="optimized" @click="loadBase">Disable optimization</button>
        <button v-else @click="loadOptimized">Enable optimization (Object.freeze)</button>
        <button @click="unmount">Unmount</button>
        <button @click="rerender">Rerender with fresh data</button>
      </p>

      <form>
        <strong>Filter Data</strong>:
        <input type="text" v-model="filter">

        <!--
          If the user is filtering the data, we want to offer some insight into
          the breadth of the filtering.
        -->
        <span v-if="filter">
          &mdash;
          Filtering <strong>{{ filter }}</strong>
          over {{ dataPoints }} data points,
          {{ visibleCount() }} found.
        </span>

      </form>

      <table width="100%" cellspacing="2" :class="{ filtered: filter }">
        <tr v-for="row in grid">
          <th>{{ row.id }}</th>
          <td v-for="item in row.items"
            class="item"
            :class="{ hidden: !matches(item) }">
            {{ item.value }}
          </td>
        </tr>
      </table>
    </div>

    <script>
    var ROWS = 1000
    var COLS = 10
    var OPTIMIZED = window.location.hash === '#optimized'

    window.onhashchange = function () {
// ... (104 more lines)

Source

View on GitHub

Frequently Asked Questions

What does index.html do?

index.html is a source file in the vue codebase, written in html.

Where is index.html in the architecture?

index.html is located at benchmarks/big-table/index.html (directory: benchmarks/big-table).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free