最新 - sdk社区 | 技术至上

7 小时前 / 零00

vue-watchEffect侦听器

watchEffect用法和特点① watchEffect 首次打开页面就会执行（不是懒加载）② watchEffect 只要传入一个回调函数即可，不需要传入要侦听的字段名称，当前值和原来值这些参数，它的内部会自动识别侦听的内容，如果回调函数内写的东西和外部的属性等没有关联，那么首次打开页面执行后，后面不会再执行回调函数内写了什么关联的属性，就会侦听改属性，没有写的，不会侦听③ watchEffect 只能得到当前值，不能获得原来值watchEffect(() => { // 回调函数内容}

11 阅读

收藏
1 天前 / 零00

vue-watch侦听器

setup()中使用watch，先从 Vue对象中解构赋值得到 watch，然后使用// 获得watchconst { watch } = Vue可以使用 watch 来侦听数据的变化，获得它的当前值和原来值watch 是懒加载（lazy），首次打开页面时，不会执行，当被侦听的元素内容发生改变后才会触发执行watch 侦听一个字段// 使用watchwatch(变量名, (当前值, 原来值) => { // 内容})注意：如果侦听的是 reactive类型数据，第一个参数不能直接写变量形

33 阅读

收藏
1 天前 / 零00

vue-computed计算属性

原来组件中使用computed是直接使用：computed() { // 内容}但是，setup()函数中使用computed计算属性时，需要先从 Vue对象中解构赋值，获得 computed：const { computed } = Vuecomputed() 中可以传方法，也可以传对象代码示例：计算属性computed /* const app = Vue.createApp({ setup() { const { ref, computed }

33 阅读

收藏
1 天前 / 零00

vue-compositionAPI-todoList添加展示列表

compositionAPI开发简单todoList(内容添加和展示）：定义一个输入内容值获取和记录的方法定义一个记录列表、添加内容到列表的方法利用setup()函数处理业务逻辑，进行流程调度标签元素添加相应方法，执行获取和添加内容的方法，以及内容列表的展示代码示例： todoList // input 相关操作- - -获取表单值、记录表单值 const inputEvent = () => { // 从 Vue 中解构赋值，得到 ref const {

33 阅读

收藏
2 天前 / 零00

vue-ref及reactive响应式

页面渲染后，如果数据发生改变，页面跟着动态更新，可以使用 ref及reactiveref及reactive都需要先从 Vue 对象中解构赋值，然后使用ref- - - 操作普通类型数据// 获取 refconst { ref } = Vue// 使用 reflet 变量名 = ref('变量值')代码示例： ref reactive响应式 const app = Vue.createApp({ template: ` 国王排名 {{ name }}

26 阅读

收藏
2 天前 / 零00

vue-setup函数

setup函数的定义和使用setup() 会在在create 生命周期函数之前自动执行(实例被完全初始化之前)返回结果需要为对象- - - return 对象定义形式：setup(options, context) { //内容}options, context是固定写法的两个参数options- - -接收组件的所有内容context- - -可以从中获得 attrs、slots、emit 的内容const { attrs, slots, emit } = contextattrs- -

29 阅读

收藏
2 天前 / 零00

vue-插件的定义和使用

vue插件的定义和使用定义：const 插件名 = { install(app, options) { // 内容 }}// 或者如下方式定义const 插件名 = (app, options) => { // 内容}使用：vue实例名.use(插件名, {数据键值对})// 没有传数据可以不写第二个参数vue实例名.use(插件名)代码示例: 插件的定义和使用 // 插件定义 const myPlugin = { install(app, optio

29 阅读

收藏
7 天前 / 零00

vue-render()函数

render()函数使用方法：render() { const { h } = Vue return h('标签名', '标签的属性和对应属性值', '要传的内容')}// 可以嵌套传值 return h('标签名', '标签的属性和对应属性值', [ '要传的内容', h('标签名', '标签的属性和对应属性值', '要传的内容') ])标签没有属性就写 - - - {}多个标签之间的切换，可以考虑使用 render()函数，简化代码量在vue中，标签元素的显示流程：tem

89 阅读

收藏
7 天前 / 零00

vue-传送门teleport

传送门teleport可以将元素放置于所写位置的其他位置使用：在标签中使用 to属性- - - to="标签名/.类名/#id名"eg: 传送门 .area { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 200px; background-color:p

45 阅读

收藏
7 天前 / 零00

vue-自定义指令

局部自定义指令局部自定义指令是以变量的形式定义，定义后，需要接收，然后才能使用eg:// 自定义指令的定义const directives = { 自定义指令名: { updated(el, binding) { // 处理内容 } }}// 自定义指令的接收const app = Vue.createApp({ //、、、 // 局部自定义指令接收 directives: directives // 自定义指令的使用 template: ` 你好波吉，

51 阅读

收藏
8 天前 / 零00

vue-js实现动画

给动画标签 transition 里设置- - -① :css="false"（不使用css控制动画效果）② 然后给标签绑定动画属性和对应方法@before-enter="方法名1" - - -入场前@enter="方法名2" - - -入场时@after-enter="方法名3" - - -入场后@before-leave="方法名4" - - -出场前@leave="方法名5" - - -出场时@after-leave="方法名6" - - -出场后更多方法和详情请上网查询 eg

49 阅读

收藏
8 天前 / 零00

vue-单元素/单组件/列表动画

单元素/单组件动画用 transition可以用在单元素/单组件的外层，然后结合vue定义好的类名，来控制动画效果。类名：.v-enter-from - - -动画入场开始状态.v-enter-to - - -动画入场结束状态.v-enter-active - - -动画入场过程状态.v-leave-from - - -动画出场开始状态.v-leave-to - - -动画出场结束状态.v-leave-active - - -动画出场过程状态入场：从无到到有出场：从有到无类名默认是 “v” 开头

50 阅读

收藏
9 天前 / 聚合数据

聚合云推 - 文档中心

消息接收方式概述聚合云推提供了多种消息推送（提醒）的方式，用户简单的配置后，可以实现手机短信、微信公众号、企业微信群机器人、钉钉群机器人、邮箱、webhook等全方位消息提醒。不同的提醒方式效果如下：[微信公众号]()[短信通知]()[邮件通知]()[钉钉群机器人]()[企业微信机器人]()[Webhook]()微信公众号服务说明用户订阅「聚合云推」服务，通过「聚合云推」微信公众号接收消息。配置方法关注「聚合云推」微信公众号后，即可在服务配置中选择微信公众号通知；未关注，则不能选择该推送方式。P

301 阅读

收藏
13 天前 / 小乌龟

PHP实现NBA赛事结果即时推送

对于平时不能看NBA直播，但又希望第一时间知道喜欢的湖人队的比赛结果。动动小手，简单实现监测湖人队的比赛结果，发送到自己微信、邮箱、钉钉上面。原理采用PHP发起请求聚合数据提供的NBA赛事API，通过解析接口返回到JSON，提取我关注的湖人队比赛结果，并将结果信息通过聚合云推服务推送至我需要接收的终端。使用的服务NBA赛事查询接口: https://www.juhe.cn/docs/api/id/92消息推送服务: tui.juhe.cn消息效果如果监测到关注的比赛结果，你在聚合云推配置的接收终

89 阅读

收藏
15 天前 / 零00

webpack及babel配置

请先确认自己的电脑已经安装了 node 和 npm，没有安装的请先安装，以下操作需在安装了这两个的基础上操作webpack配置1. 创建一个空文件夹2. 创建 package.json 文件- - -npm init。使用编辑器打开该文件夹，此处我使用的编辑器为 vscode，再命令行输入命令‘npm init’，会出现一些选项，可以都直接回车，默认设置，全部回车完成后，会生成一个 “package.json” 文件。如下：如果要更改信息可以直接在改文件中修改如果希望 “package.json

88 阅读

收藏

加载中...