+Vue+component のバックアップ(No.2)

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
+Vue+component へ行く。
- 1 (2022-05-11 (水) 20:23:58)
- 2 (2022-05-11 (水) 20:24:58)

※前提条件：本情報はVue 2.0を基づいて説明してる

组件是拥有一定功能多个html标签的集合体，是对html标签的封装。

  <div id="app">
    <h2>组件应用-其他成员</h2>
    <com-page></com-page>
  </div>

  <script src="./vue.js"></script>

  <script>
    var vm = new Vue({
      el:'#app',
      // 注册私有组件
      components:{
        'com-page':{
          template:`
            <ul>
              <li>{{ prev }}</li>
              <li>1</li>
              <li>2</li>
              <li>3</li>
              <li @click="xia()">{{ next }}</li>
            </ul>
          `,
          created(){
            console.log('created已经执行了')
          },
          methods:{
            xia(){
              console.log('进入下一页')
            }
          },
          data:function(){
            return {
              prev:'上一页',
              next:'下一页',
            }
          }
        }
      },
     });
  </script>

コメント：