小程序vue与实际vue差别两点

最新推荐文章于 2023-08-13 15:05:35 发布
最新推荐文章于 2023-08-13 15:05:35 发布
阅读量253 收藏
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lucky_girl_girl/article/details/104926518
版权

在data里声明isShow：false；
data: {
isShow:false,
},
改变data的值：
this.setData({isShow:!this.data.isShow})
改变data的值需注意两点和vue的不同
1.改变值需用this.setData而不是this.isShow=!this.isShow
2.访问data是this.data.isShow,而不是this.isShow

lucky_girl_girl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
C++知识点累积（五）
qq_19300307的博客
10-12 308
** 2020-10-12 C++知识点累积（五） ** ** 一、 ** partial ** 二、 ** getchar() 函数名：getchar() 头文件：stdio.h 功 能：从I/O流中读字符 原 型：int getchar(void); getch() 函数名：getch() 头文件：conio.h 功 能：从控制台读取一个字符，但不显示在屏幕上 原 型：int getch(void) 返回值：读取的字符 getche() 函数名：getche() 头文件：conio.h 功
vue this.$set 给data对象新增属性，并触发视图更新
zhaoyangguang021的博客
07-11 2万+
   向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性，因为 Vue 无法探测普通的新增属性     data () { return { user: { name: '', id: '' } } }如果我们直接给user增加属性mounte...
Vue中如何使用this.$set设置data嵌套数组内对象的值
weixin_43732080的博客
04-21 4626
首先了解: this.$set(@param1: 数组对象, @param2: 数组对象长度, @parma3: 要修改/增加的值) 接着截图例子,便可功法大成： 耶！
This.$Set的用法和作用
最新发布
m0_67841039的博客
08-13 336
This.$Set的用法和作用
微信小程序数据渲染不出来，setData用法技巧全
weixin_47518648的博客
03-20 6056
在开发过程中我们常常发现从后台获取到了数据后（data做出了改变而页面并未加载这些数据）。我们先用console.log()把数据输出，确保已经获取到数据，如果已经获取到了那就是下面情况出错了。 未使用this.setData()进行赋值。 这就类似于vue中的双向绑定，即只有用this.setData赋值的数据才具有响应式特征。 但大多数开发情况下我们的数据都是数组类型的，如果是向数组中添加元素，this.setData似乎不太符合应用情景，因为他是改变原数组，而不是向数组添加数据。所以可以采用以下
浅析Vue 和微信小程序的区别、比较
01-03
写了vue项目和小程序，发现二者有许多相同之处，在此想总结一下二者的共同点和区别。 一、生命周期 先贴两张图： vue生命周期 小程序生命周期 相比之下，小程序的钩子函数要简单得多。 vue的钩子函数在跳转新页面...
vue购物节抽奖微信小程序源码
08-17
总之，这个项目是一个融合了Vue.js技术、微信小程序开发、前端交互设计和后台逻辑处理的综合实践案例，对于想要学习这两方面技术或者开发类似应用的开发者来说，具有很高的参考价值。通过深入研究源码，不仅可以掌握...
vue和微信小程序的区别、比较
03-29
写了vue项目和小程序，发现二者有许多相同之处，在此想总结一下二者的共同点和区别。 一、生命周期 先贴两张图： vue生命周期 (此图片来源于网络，如有侵权，请联系删除! ) 小程序生命周期 (此图片来源于网络，如有...
做题H5 vue小程序
04-28
【做题H5 Vue小程序开发详解】 在当前的数字化时代，Web应用的开发越来越多样化，其中Vue.js作为一款轻量级的前端框架，因其简洁易学、灵活性强的特点，深受开发者喜爱。本项目是一个“做题H5”应用，利用Vue.js的...
学了这么久，vue和微信小程序到底有什么样的区别？
03-29
写了vue项目和小程序，发现二者有许多相同之处，在此想总结一下二者的共同点和区别。相比之下，小程序的钩子函数要简单得多。 写了vue项目和小程序，发现二者有许多相同之处，在此想总结一下二者的共同点和区别。 一...
vue中this.$set用法举例
花椒和蕊的博客
09-08 1277
动态响应式数据 数据更新，视图没有更新的时候可以用Vue.set Vue.set(a,b,c) 让 触发视图重新更新一遍，数据动态起来 a是要更改的数据 、 b是数据的第几项、 c是更改后的数据 用法 树的插槽，移入显示，移除隐藏 mouseenter(node, data) { this.$set(data, 'show', true) }, mouseleave(data) { this.$set(data, 'show', false)
[微信小程序]this.setData ， that.setData ， this.data.val三者之间的区别和作用
热门推荐
a_靖的博客
12-23 3万+
微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 正文： 1.this.setData({ }) <view bindtouchmove="tap_drag" bindtouchend="tap_end" bindtouchstart="tap_start" class="page-top" style="{{translate...
微信小程序中this.data与this.setData的区别详解
滴水石穿
01-12 6717
//微信小程序注意下面两种赋值方式的区别，影响页面数据的渲染显示 一、页面不会重新渲染 that.data.tipsshow2=true： 二、页面不会重新渲染 that.setData({ tipsshow2: true }) 下面的文章对这个问题说明的比较清晰 -------------------------------------------- 一、摘要 小程序中我们会经常使用到this.data与this.setData。其中this.data是用来获取页面data对象的，而this
让vue用于小程序setData方法
weixin_30740581的博客
08-10 4025
setData:function(obj){ let that = this; let keys = []; let val,data; Object.keys(obj).forEach(function(key){ ...
【飞书小程序】在任何模块里使用this.setData和this.data
TheJormangund的博客
06-05 486
在开发飞书小程序的时候，业务逻辑可能很复杂，我们想要把很重的代码进行拆分，封装成不同的模块。这样逻辑会更清晰，代码可读性也会更好，并且更易于维护。但是问题来了，小程序页面的很多逻辑可能都涉及到对data的读取和更改。如果把它们拆分到模块里，就我们需要在模块中使用this.setData去改变页面的data，或者使用this.data去直接读取data值。但是尝试后可以发现，在模块里输出一个函数，函数里是无法正常调用this.setData或者this.data的，这两个属性为undefined。 那么该如何
小程序中使用this.setData()遇到的问题及解决方案
weixin_64397810的博客
04-16 6209
最近在学习小程序时遇到了关于setData()的不少问题，在这里做一些总结和记录。 1.setData()使用方法总结 2.如何修改数组对象中的一个数据 3.双向绑定
vue中使用回调函数，this调用无效
youyudexiaowangzi的专栏
07-03 1万+
let self = this //使用新变量替换this，以免this无效 //updateStudentInfoToServer是一个将本身部分数据异步上传的接口，接收三个参数，其中第一个是数据，第二、三个是函数，第二、三个函数使用function(){}形式书写 updateStudentInfoToServer:function(data, networkOk, netw...
浅入了解Vue开发小程序的技术原理
POHOU23的博客
04-06 4687
受到Vue的影响，以及Vue众多的开发者，不少组织将小程序二次开发，以类似Vue语法的形式进行小程序开发（最后通过自己的工具转成原生小程序的语法），比如美团的mpVue（Vue.js in mini program）。 市场上比较成熟的小程序容器技术-FinClip，通过集成SDK便可让自己的APP快速拥有小程序运行能力。
APP或小程序的vue框架的设计思路
03-26
Vue框架是一种数据驱动、组件化的框架，因此在设计上考虑了以下几点： 1. 数据驱动：Vue的核心是响应式数据绑定，即当数据发生变化时，页面会自动渲染变化的部分。因此，Vue设计时需要考虑如何实现数据的监听及更新...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值