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 相关文章推荐
JSON 数据格式介绍
Jan 13 Javascript
JavaScript NodeTree导航栏(菜单项JSON类型/自制)
Feb 01 Javascript
JQueryEasyUI Layout布局框架的使用
Apr 08 Javascript
js二级地域选择的实现方法
Jun 17 Javascript
jqueryMobile使用示例分享
Jan 12 Javascript
原生JS实现平滑回到顶部组件
Mar 16 Javascript
非常棒的jQuery图片轮播效果
Apr 17 Javascript
简单实现js间歇或无缝滚动效果
Jun 29 Javascript
基于slideout.js实现移动端侧边栏滑动特效
Nov 28 Javascript
jQuery select自动选中功能实现方法分析
Nov 28 Javascript
BootStrap 标题设置跨行无效的解决方法
Oct 25 Javascript
JS中利用FileReader实现上传图片前本地预览功能
Mar 02 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
根据地区不同显示时间的javascript代码
2007/08/13 Javascript
jQuery 常见操作实现方式和常用函数方法总结
2011/05/06 Javascript
js函数排序的实例代码
2013/07/01 Javascript
基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
2014/05/11 Javascript
jQuery中index()的用法分析
2014/09/05 Javascript
JS实现黑客帝国文字下落效果
2015/09/01 Javascript
JS实现兼容性好,带缓冲的动感网页右键菜单效果
2015/09/18 Javascript
JS构造函数与原型prototype的区别介绍
2016/07/04 Javascript
jQuery实现获取元素索引值index的方法
2016/09/18 Javascript
JavaScript中this的用法实例分析
2016/12/19 Javascript
jquery表单插件form使用方法详解
2017/01/20 Javascript
JavaScript函数中的this四种绑定形式
2017/08/15 Javascript
angularjs http与后台交互的实现示例
2018/12/21 Javascript
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
2019/05/14 Javascript
Node.js 路由的实现方法
2019/06/05 Javascript
原生js实现商品筛选功能
2019/10/28 Javascript
jQuery实现鼠标滑动切换图片
2020/05/27 jQuery
微信小程序视频弹幕发送功能的实现
2020/12/28 Javascript
Python sqlite3事务处理方法实例分析
2017/06/19 Python
详解重置Django migration的常见方式
2019/02/15 Python
Python 一键获取百度网盘提取码的方法
2019/08/01 Python
详解Python中打乱列表顺序random.shuffle()的使用方法
2019/11/11 Python
Java里面StringBuilder和StringBuffer有什么区别
2016/06/06 面试题
最新远光软件笔试题面试题内容
2013/11/08 面试题
车工岗位职责
2013/11/26 职场文书
课改先进个人汇报材料
2014/01/26 职场文书
通用自荐信范文
2014/03/14 职场文书
农村改厕实施方案
2014/03/22 职场文书
《画》教学反思
2014/04/14 职场文书
职位说明书范文
2014/05/07 职场文书
机械电子工程专业求职信
2014/06/22 职场文书
防卫过当辩护词
2015/05/21 职场文书
python实现进度条的多种实现
2021/04/29 Python
8g内存用python读取10文件_面试题-python 如何读取一个大于 10G 的txt文件?
2021/05/28 Python
Python利用capstone实现反汇编
2022/04/06 Python