Vue组件化开发

最新推荐文章于 2024-07-16 15:41:21 发布

troysps

最新推荐文章于 2024-07-16 15:41:21 发布

阅读量2.5k

点赞数

文章标签： vue js 前端

本文链接：https://blog.csdn.net/troysps/article/details/80373458

版权

本文详细介绍了Vue.js的组件化开发，包括Vue.js对象简写、组件概念、单文件组件以及如何利用Vue的自动化工具进行开发。特别讨论了单文件组件的结构、优势，以及如何通过Vue CLI快速生成单页面应用项目目录，并解析了生成项目的目录结构和页面结构。

摘要由CSDN通过智能技术生成

Vue js组件化开发

Vue js 对象简写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        let name = '李思';
        let age = 18;

        // let person = {
    
        //     name:name,
        //     age:age,
        //     showname:function(){
    
        //         alert(this.name);
        //     },
        //     showage:function(){
    
        //         alert(this.age);
        //     }

        // }
        // person.showname();
        // person.showage();


        // 上面的对象可以简写成下面的形式
        let person = {
            name,
            age,
            showname(){
                alert(this.name);

            },
            showage(){
                alert(this.age);
            }
        }
        person.showname();
        person.sh

最低0.47元/天解锁文章

troysps

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Vue组件化开发

Vue js组件化开发Vue js 对象简写&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-
复制链接

扫一扫