Live Code Editor Version 2.0 - Freetuts

Computed Properties - Ví dụ 04 RUN

<!DOCTYPE html>
<html>
    <head>
        <title>VueJS</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script language="javascript" src="https://freetuts.net/cnd/js/vuejs/vue_2.3.4.js"></script>
    </head>
    <body>
        <div id="example">
            <p>Number: "{{ number }}"</p>
            <p>Number To Word: "{{ showNumberWord }}"</p>
        </div>

<script language="javascript">
            var vm = new Vue({
                el: '#example',
                data: {
                    number : "12345"
                },
                computed : {
                    showNumberWord : function(){
                        console.log("Có gọi");
                        var message = "";
                        for (var i = 0; i < this.number.length; i++){
                            if (this.number[i] == "1"){
                                message += "Một ";
                            }
                            else if (this.number[i] == "2"){
                                message += "Hai ";
                            }
                            else if (this.number[i] == "3"){
                                message += "Ba ";
                            }
                            else if (this.number[i] == "4"){
                                message += "Bốn ";
                            }
                            else if (this.number[i] == "5"){
                                message += "Năm ";
                            }
                            else if (this.number[i] == "6"){
                                message += "Sáu ";
                            }
                            else if (this.number[i] == "7"){
                                message += "Bảy ";
                            }
                            else if (this.number[i] == "8"){
                                message += "Tám ";
                            }
                            else if (this.number[i] == "9"){
                                message += "Chín ";
                            }
                            else if (this.number[i] == "0"){
                                message += "Không ";
                            }
                        } 
                        return message;
                    }
                }
            });
        </script>
    </body>
</html>

PHÓNG TO