9vue学习_对象字面量的增强写法

最新推荐文章于 2025-09-27 14:23:58 发布

原创最新推荐文章于 2025-09-27 14:23:58 发布 · 186 阅读

0 ·

CC 4.0 BY-SA版权

VUE 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了如何使用ES6语法在Vue.js中创建常量对象和函数，包括简化的对象字面量和增强函数定义。通过实例演示了如何利用这些语法提高代码可读性和效率。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title-hellovuejs</title>
    <style>

    </style>
</head>
<body>
    <script>
        const name = 'why';
        const age = 18;
        const height = 1.88;
        //ES5写法
        // const obj = {
        //     name: name,
        //     age: age,
        //     height: height
        // }

        //增强写法
         const obj = {
             name,
             age,
             height
         }
        console.log(obj);

    //2.函数的增强写法
    //ES5
    // const obj2 = {
    //     run:function(){

    //     },
    //     eat:function(){

    //     }
    // }
    //ES6 增强写法
     const obj2 = {
         run(){

         },
         eat(){

         }
     }

    </script>
</body>