zoukankan      html  css  js  c++  java
  • 组件里v-for示例

    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <script src="../js/vue.js"></script>
    </head>

    <body>
        <div id="app">
            <!-- 组件里的v-for 必须要有key值的绑定 -->
            <boke v-for="(item,index) in items" :key="index" :item="item" :index="index"></boke>
        </div>
        <script>
            Vue.component('boke', {
                props: ['item','index'],
                data: () => {
                    return {
                        message: 'hello world'
                    }
                },
                template: "<p>{{message}}--{{item}}===={{index}}</p>",
            });
            var vm = new Vue({
                el: "#app",
                data: {
                    items: {
                        name: 'zhangsan',
                        age: 20,
                    }
                }
            });
        </script>
    </body>

    </html>
  • 相关阅读:
    phpQuery—基于jQuery的PHP实现
    php 知乎爬虫
    windows下安装php5.5的redis扩展
    Redis 安装
    使用AngularJS创建应用的5个框架
    Redis能干啥?细看11种Web应用场景
    前端开发必须知道的JS之闭包及应用
    javascript深入理解js闭包
    day16<集合框架+>
    day15<集合框架>
  • 原文地址:https://www.cnblogs.com/kukai/p/12411035.html
Copyright © 2011-2022 走看看