官术网_书友最值得收藏!

The note list

We will now lay the groundwork for the side pane containing the list of notes:

  1. Add a new aside element with the side-bar class before the main section:
      <!-- Notebook app -->
      <p id="notebook">

        <!-- Sidebar -->
        <aside class="side-bar">
          <!-- Here will be the note list -->
        </aside>

        <!-- Main pane -->
        <section class="main">
      ...
  1. Add a new data property called notes--it will be the array containing all of our notes:
      data () {
        return {
          content: ...
          // New! A note array
          notes: [],
        }
      },
主站蜘蛛池模板: 公主岭市| 黎川县| 大同市| 五大连池市| 康马县| 股票| 云龙县| 曲靖市| 永仁县| 黄浦区| 资阳市| 上犹县| 阳春市| 永平县| 徐汇区| 蓝山县| 保定市| 临沂市| 扎赉特旗| 沁源县| 闽侯县| 正阳县| 平山县| 蕲春县| 固阳县| 杨浦区| 安图县| 荥经县| 荔浦县| 荔波县| 红桥区| 清水河县| 闻喜县| 突泉县| 承德县| 河北区| 南溪县| 白玉县| 福泉市| 信丰县| 交口县|