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

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

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

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

#codeprettify{{
<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>

}}

コメント：