博客列表 >vue调用方法函数

vue调用方法函数

魏先生的博客
魏先生的博客原创
2018年11月16日 10:24:152897浏览

methods{ /*******里面写代码******/ }  //用这个方法才可以使用  切记.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
    </head>
    <body>
        <div id="demo">
            <ul>
                <li>年龄:{{age}}</li>
                <li>体重:{{weight}}</li>
                <li>身高:{{height}}</li>
                <li>{{detail()}}</li>
            </ul>
        </div>
        <script type="text/javascript">
            new Vue({
                el:'#demo',
                data:{
                    age:'30岁',
                    weight:'80Kg',
                    height:'175cm',
                },
                methods:{
                    detail:function(){
                        return this.height+'已经很不错了 加油';
                        
                    }
                }
                
            })
        </script>
    </body>
</html>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议