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事件串连执行多个处理过程的方法
Mar 09 Javascript
jquery使用append(content)方法注意事项分享
Jan 06 Javascript
详解jQuery Mobile自定义标签
Jan 06 Javascript
jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
Feb 19 Javascript
微信小程序 数据访问实例详解
Oct 08 Javascript
vue制作加载更多功能的正确打开方式
Oct 12 Javascript
flexslider.js实现移动端轮播
Feb 05 Javascript
AngularJS 打开新的标签页实现代码
Sep 07 Javascript
vue.js使用watch监听路由变化的方法
Jul 08 Javascript
解决Echarts 显示隐藏后宽度高度变小的问题
Jul 19 Javascript
Vue Router中应用中间件的方法
Aug 06 Javascript
如何让vue长列表快速加载
Mar 29 Vue.js
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 开源AJAX框架14种
2009/08/24 PHP
PHP循环语句笔记(foreach,list)
2011/11/29 PHP
PHP的简易冒泡法代码分享
2012/08/28 PHP
php自动加载机制的深入分析
2013/06/08 PHP
php自定义的格式化时间示例代码
2013/12/05 PHP
ThinkPHP中自定义错误页面和提示页面实例
2014/11/22 PHP
分享PHP源码批量抓取远程网页图片并保存到本地的实现方法
2015/12/01 PHP
php基于数组函数实现关联表的编辑操作示例
2017/07/04 PHP
PHP编程实现微信企业向用户付款的方法示例
2017/07/26 PHP
Ext 表单布局实例代码
2009/04/30 Javascript
利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
2009/10/24 Javascript
禁止js文件缓存的代码
2010/04/09 Javascript
两个listbox实现选项的添加删除和搜索
2013/03/01 Javascript
关于js内存泄露的一个好例子
2013/12/09 Javascript
javascript event在FF和IE的兼容传参心得(绝对好用)
2014/07/10 Javascript
JS实现向表格中动态添加行的方法
2015/03/30 Javascript
深入理解JavaScript中的箭头函数
2015/07/28 Javascript
Vue.js简易安装和快速入门(第二课)
2017/10/17 Javascript
fetch 使用及如何接收JS传值
2017/11/11 Javascript
React Native开发封装Toast与加载Loading组件示例
2018/09/08 Javascript
实例分析javascript中的异步
2020/06/02 Javascript
Python isinstance判断对象类型
2008/09/06 Python
对python中的iter()函数与next()函数详解
2018/10/18 Python
Python使用Pandas库实现MySQL数据库的读写
2019/07/06 Python
python基于K-means聚类算法的图像分割
2019/10/30 Python
Kathmandu澳洲户外商店:新西兰户外运动品牌
2017/11/12 全球购物
大学四年职业生涯规划书范文
2014/01/02 职场文书
机电一体化职业规划书
2014/01/07 职场文书
外语专业毕业生自荐信
2014/04/14 职场文书
拒绝黄毒毒宣传标语
2014/06/26 职场文书
办公室主任个人对照检查材料思想汇报
2014/10/11 职场文书
股东大会通知
2015/04/24 职场文书
解决Swagger2返回map复杂结构不能解析的问题
2021/07/02 Java/Android
python数字类型和占位符详情
2022/03/13 Python
MySQL学习之基础操作总结
2022/03/19 MySQL
Python使用华为API为图像设置多个锚点标签
2022/04/12 Python