vue实例中data使用return包裹的方法


Posted in Javascript onAugust 27, 2018

在简单的vue实例中看到的Vue实例中data属性是如下方式展示的:

let app= newVue({

 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包裹后数据中变量只在当前组件中生效,不会影响其他组件。

以上这篇vue实例中data使用return包裹的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
greybox——不开新窗口看新的网页
Feb 20 Javascript
用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载
Aug 08 Javascript
javascript下查找父节点的简单方法
Aug 13 Javascript
jQuery实现的原图对比窗帘效果
Jun 15 Javascript
js获取当前日期前七天的方法
Feb 28 Javascript
Jquery简单分页实现方法
Jul 24 Javascript
JS判断form内所有表单是否为空的简单实例
Sep 09 Javascript
jquery.Callbacks的实现详解
Nov 30 Javascript
基于JavaScript实现淘宝商品广告效果
Aug 10 Javascript
在Express中提供静态文件的实现方法
Oct 17 Javascript
Javascript如何递归遍历本地文件夹
Aug 06 Javascript
nuxt静态部署打包相对路径操作
Nov 06 Javascript
vue项目打包部署到服务器的方法示例
Aug 27 #Javascript
解决vue中修改了数据但视图无法更新的情况
Aug 27 #Javascript
解决vue接口数据赋值给data没有反应的问题
Aug 27 #Javascript
vue 修改 data 数据问题并实时显示的方法
Aug 27 #Javascript
Node.js连接Sql Server 2008及数据层封装详解
Aug 27 #Javascript
解决vue中修改export default中脚本报一大堆错的问题
Aug 27 #Javascript
vue.js 图片上传并预览及图片更换功能的实现代码
Aug 27 #Javascript
You might like
php对文件进行hash运算的方法
2015/04/03 PHP
又拍云异步上传实例教程详解
2016/04/19 PHP
php 多文件上传的实现实例
2016/10/23 PHP
php的4种常用运行方式详解
2016/12/22 PHP
微信公众号开发之获取位置信息php代码
2018/06/13 PHP
javascript options属性集合操作代码
2009/12/28 Javascript
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
2010/03/04 Javascript
js 禁止选择功能实现代码(兼容IE/Firefox)
2010/04/23 Javascript
使用firebug进行调试javascript的示例
2013/12/16 Javascript
页面加载完成后再执行JS的jquery写法以及区别说明
2014/02/22 Javascript
JS操作HTML自定义属性的方法
2015/02/10 Javascript
JS判断网页广告是否被浏览器拦截过滤的代码
2015/04/05 Javascript
javascript中eval和with用法实例总结
2015/11/30 Javascript
原生js实现自由拖拽弹窗代码demo
2016/06/29 Javascript
AngularJS入门教程之表单校验用法示例
2016/11/02 Javascript
Angular.js自定义指令学习笔记实例
2017/02/24 Javascript
详解Vue生命周期的示例
2017/03/10 Javascript
基于bootstrap写的一点localStorage本地储存
2017/11/21 Javascript
解决修复npm安装全局模块权限的问题
2018/05/17 Javascript
vue2.0学习之axios的封装与vuex介绍
2018/05/28 Javascript
Node 模块原理与用法详解
2020/05/13 Javascript
[01:32]2016国际邀请赛中国区预选赛CDEC战队教练采访
2016/06/26 DOTA
[00:44]华丽开场!DOTA2勇士令状带来全新对阵画面
2019/05/15 DOTA
python获取当前计算机cpu数量的方法
2015/04/18 Python
python中lambda与def用法对比实例分析
2015/04/30 Python
wxpython布局的实现方法
2019/11/01 Python
Python操作word文档插入图片和表格的实例演示
2020/10/25 Python
pycharm中选中一个单词替换所有重复单词的实现方法
2020/11/17 Python
css3实现可拖动的魔方3d效果
2019/05/07 HTML / CSS
德国家具购物网站:Möbel Höffner
2019/08/26 全球购物
机电专业毕业生推荐信
2013/11/10 职场文书
幼教简历自我评价
2014/01/28 职场文书
计划生育诚信协议书
2014/11/02 职场文书
岗位聘任报告
2015/03/02 职场文书
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
2021/06/09 Vue.js
Java常用工具类汇总 附示例代码
2021/06/26 Java/Android