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 相关文章推荐
JavaScript的9种继承实现方式归纳
May 18 Javascript
easyui Droppable组件实现放置特效
Aug 19 Javascript
ionic实现可滑动的tab选项卡切换效果
Apr 15 Javascript
canvas绘制多边形
Feb 24 Javascript
Vue.js仿微信聊天窗口展示组件功能
Aug 11 Javascript
PM2自动部署代码步骤流程总结
Dec 10 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
Dec 11 jQuery
JavaScript数据结构与算法之检索算法实例分析【顺序查找、最大最小值、自组织查询】
Feb 22 Javascript
vuex实现及简略解析(小结)
Mar 01 Javascript
Node.js爬虫如何获取天气和每日问候详解
Aug 26 Javascript
ES6 Promise对象概念及用法实例详解
Oct 15 Javascript
解决在Vue中使用axios用form表单出现的问题
Oct 30 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 php_openssl.dll的作用
2013/07/01 PHP
PHP中$_SERVER的详细参数与说明介绍
2013/10/26 PHP
php判断输入是否是纯数字,英文,汉字的方法
2015/03/05 PHP
jQuery 1.0.4 - New Wave Javascript(js源文件)
2007/01/15 Javascript
jValidate 基于jQuery的表单验证插件
2009/12/12 Javascript
最短的javascript:地址栏载入脚本代码
2011/10/13 Javascript
解决遍历时Array.indexOf产生的性能问题
2012/07/03 Javascript
JSONP 跨域访问代理API-yahooapis实现代码
2012/12/02 Javascript
thinkphp中常用的系统常量和系统变量
2014/03/05 Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
2014/08/18 Javascript
jQuery购物网页经典制作案例
2016/08/19 Javascript
浅谈在js传递参数中含加号(+)的处理方式
2016/10/11 Javascript
jQueryUI Datepicker组件设置日期高亮
2016/10/13 Javascript
bootstrap table操作技巧分享
2017/02/15 Javascript
node.js爬虫爬取拉勾网职位信息
2017/03/14 Javascript
JavaScript中的普通函数和箭头函数的区别和用法详解
2017/03/21 Javascript
用Vue.extend构建消息提示组件的方法实例
2017/08/08 Javascript
使用async await 封装 axios的方法
2018/07/09 Javascript
vue.js input框之间赋值方法
2018/08/24 Javascript
JS实现的字符串数组去重功能小结
2019/06/17 Javascript
解决Vue动态加载本地图片问题
2019/10/09 Javascript
Vue页面切换和a链接的本质区别详解
2019/11/12 Javascript
原生JS实现多条件筛选
2020/08/19 Javascript
H5 js点击按钮复制文本到粘贴板
2020/11/19 Javascript
[53:52]EG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
11月编程语言排行榜 Python逆袭C#上升到第4
2017/11/15 Python
jenkins配置python脚本定时任务过程图解
2019/10/29 Python
pytorch下使用LSTM神经网络写诗实例
2020/01/14 Python
vue.js刷新当前页面的实例讲解
2020/12/29 Python
英国绿色商店:Natural Collection
2019/05/03 全球购物
小学生寒假家长评语
2014/04/16 职场文书
公司委托书格式范文
2014/10/09 职场文书
重阳节活动主持词
2015/07/04 职场文书
JavaScript实现复选框全选功能
2021/04/11 Javascript
Window server中安装Redis的超详细教程
2021/11/17 Redis
Golang 结构体数据集合
2022/04/22 Golang