老师我这个hello world怎么没有打印出来啊大写的

来源:2-6 数据,方法,计算属性和侦听器(1)

球球不一般

2022-05-08 22:16:53

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <script src="https://unpkg.com/vue@next"></script>

</head>

<body>

    <div id="root"></div>

    <script>

        const app=Vue.createApp({

            data(){

                return{

                    message:"hello world"

                }

            },

            methods:{

                formaSring(){

                    return String.toUpperCase();

                }

            },

            template:

            `<div @click="handleClick">{{ formatString(message)}}</div>`

        });

        const vm=app.mount('#root')

    </script>

</body>

</html>


写回答

1回答

好帮手慕慕子

2022-05-09

同学你好,因为methods下的方法名书写有误,且缺少参数,导致无法实现效果。

建议修改:

https://img.mukewang.com/climg/6278898e09d8270509160513.jpg

祝学习愉快~

0

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程