侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 143968 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

vue实例中为什么data使用return 包裹

2024-04-04 星期四 / 0 评论 / 0 点赞 / 2 阅读 / 811 字

//在简单的vue实例中看到的Vue实例中data属性是如下方式展示的:let app= new Vue({ el:"#app", data:{ msg:'' }, met

//在简单的vue实例中看到的Vue实例中data属性是如下方式展示的:let app= new Vue({   el:"#app",   data:{       msg:''   },   methods:{         }})//在使用组件化的项目中使用的是如下形式:export default{   data(){       return {           showLogin:true,           // def_act: '/A_VUE',           msg: 'hello vue',           user:'',           homeContent: false,       }   },   methods:{         }}
  • 为何在大型项目中data需要使用return返回数据呢?

    • 不使用return包裹的数据会在项目的全局可见,会造成变量污染
    • 使用return包裹后数据中变量只在当前组件中生效,不会影响其他组件。

广告 广告

评论区