首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端

    Vue3、Vue2

    1.API 风格:选项式 vs 组合式总结 选项方和组合式的区别对比维度Vue2 选项式 API Vue3 组合式 API(setup 函数 / setup 语法糖) watch: { count(newVal) { console.log('count changed:', newVal) } } }</script> Vue3 $mount('#app')Vue3全局构造函数import { createApp } from 'vue'import App from '. this.timer) this.timer = null } }, destroyed() { console.log('destroyed: 组件已完全销毁') }}</script> Vue3 ">销毁组件</button>

    </template>vue2vue3 的初始化总结功能Vue 2 Vue 3 区别说明初始化前 beforeCreate

    41710编辑于 2025-12-31
  • 来自专栏各类技术文章~

    Vue3 组件注册(2

    component: componentc --> <ComponentC></ComponentC> </template> <template id="component-c"> <h2> ComponentC</h2> </template> <script src=". <em>2</em>. 注册局部组件 开发中,注册全局组件的情况较少,我们更多的是注册局部组件。 ComponentA</h<em>2</em>> </template> <script src=". ComponentA</h2> </template> <script src=".

    1K30发布于 2021-10-22
  • 来自专栏Unity3d程序开发

    网络聊天室

    1网络聊天室项目描述 1.1功能描述 MyQQv1采用C/S模式,构建网络聊天室,具体实现功能: A.能显示在线用户列表 B.能在聊天室里进行群聊天 C.能指定用户进行私聊 D.某用户下线,其他用户能接到提示 1.2所需技术 MFC,Socket套接字,TCP/IP协议,动态数组,CString字符串拼接与拆分 2网络聊天室运行流程图 2.1服务器运行流程图 2.2客户端运行流程图 3网络聊天室详细 3.1 START&0&%s&0&0&END",m_sName); pParent->m_Client.Send(str,str.GetLength()); pParent->m_cChoseFlg = 2; 4网络聊天室运行情况

    2.3K20编辑于 2023-08-24
  • 来自专栏coding个人笔记

    vue3 和 vue2 区别

    vue3 出来之后,不管是什么样的公司,不管是想体验新技术也好还是跟风也好(个人觉得跟风比重更大),只要是新开项目大都会选择 vue3,紧随而来的 vue3 和 vue2 的区别肯定是要了解。 还有一点是更好的把相关功能合并在一块,有一张图片很直观的表示: 全面支持 typescript 整个 vue3 全部是 typescript 编写,开发工具 vscode 也已经有了各种插件支持整个 响应式api改变 vue2使用的是Object.definepropert: 必须递归监听所有属性,新增属性无法监听($set) 数组下标和长度变化无法监听(采用对数据进行劫持 结合发布订阅模式来实现) 兼容性好 vue3使用Proxy: 懒监听,只监听第一层,当你调用到才监听之后的数据(赋值的时候obj.a = 2,obj.a会先get获取) 新增属性和数组新增修改可以直接监听 不兼容IE11 这是几个比较大的改变

    76421编辑于 2022-12-02
  • 来自专栏刘晓杰

    android聊天室

    ; //头部以下布局 getContentPane().add(jPanel2, BorderLayout.CENTER); jPanel2.setLayout JLabel("用户名:"); JTextField nameField = new JTextField(5); JButton loginJButton = new JButton("进入聊天室 "); JButton exitJButton = new JButton("退出聊天室"); // 中部布局 JPanel jPanel2 = new JPanel(); void actionPerformed(ActionEvent e) { if (e.getSource() == loginJButton) { // 进入聊天室 } } } else if (e.getSource() == exitJButton) { // 退出聊天室

    4.4K30发布于 2019-02-21
  • 来自专栏前端博客

    vue2升级vue3vue3 hooks库选用

    转载本站文章《vue2升级vue3vue3 hooks库选用》,请注明出处:https://www.zhoulujun.cn/html/webfront/ECMAScript/vue3/8865.html

    1.4K10编辑于 2022-07-25
  • 来自专栏前端文章小tips

    vue3与vue2的区别

    Vue 3 的 Template 支持多个根标签,Vue 2 不支持 Vue 3 有 createApp(),而 Vue 2 的是 new Vue() createApp(组件),new Vue({template , render}) v-model代替以前的v-model和.sync vue3中v-model的用法 要求: 3.1. props属性名任意,假设为x 3.2. 事件名必须为"update:x" 效果: <Switch :value="y" @update:value="y=$event"/> vue2中的写法 <Switch :value.sync="y"/ > vue3中的写法 <Switch v-model:value="y"/> context.emit 新增context.emit,与this. >内容2</Tab></Tabs> Tabs.vue <template> <component v-for="(tab, index) in defaults" :key="index" :is=

    1K10编辑于 2021-11-29
  • 来自专栏烹饪一朵云

    vue3和vue2的比较

    最近开始切入vue3的学习,处于在3和2的过渡阶段中,有时候用了3的写法,有时候用了2的写法,走火入魔了属于是,于是想写一篇文章,做一次全面的比较,给自己一个总结,希望经过本文,加一时间沉淀,我可以信誓旦旦说我熟练 使用上 Vue3 组合式 API 需要先引入,而 Vue2 选项 API 则可直接调用,如下所示。 我们借助`Vue3 Template Explorer`来看。 根据*尤大*直播可以知道如今 Vue3 将所有运行功能打包也只有22.5kb,比 Vue2 轻量很多。 /src/App' createApp(App).mount('#app') TypeScript 支持 Vue3 由TS重写,相对于 Vue2 有更好地TypeScript支持。

    2.6K20编辑于 2022-04-19
  • 来自专栏前端文章小tips

    Vue2Vue3的区别

    2 、在解析模板,也就是在watcher的求值过程中,每一个被取值的可观察对象都会将当前的watcher注册为自己的一个订阅者,并成为当前watcher的一个依赖。 2、data(初始数据) 3、props(接受的外部参数) 4、methods(方法) 5、lifecycle hooks(生命周期钩子函数) 6、assets(私有资源) 最核心最优秀的来了 vue2.0 https://www.jianshu.com/p/16d5cf2e48cf 但因为Chrome有个提案,会增加一个名为Portal的原生element,为避免命名冲突,改为Teleport 想知道什么是 Router: 适应vue3的已经出来了,后续我也得去跟进学习下,项目里已经用了,但是改版的区别没仔细分析。 Cli 很超前的做了vue3的工作,目前项目可以直接用cli创建,非常感谢这些团队给我们这些小白减低了很大的学习难度。

    1.3K10发布于 2021-11-25
  • 来自专栏小丑的小屋

    超全的Vue3文档【Vue2迁移Vue3

    原文链接如下: 作者: 三藏会法术 链接:https://juejin.cn/post/6858558735695937544#heading-153 Vue2Vue3的全局配置API变化区别 createApp $mount("#app"); Vue3新增api===>createApp创建实例 createApp 会产生一个 app 实例,该实例拥有全局的可配置上下文 import { createApp my-component', { /* ... */ }) // 获取注册的组件 (始终返回构造器) var MyComponent = Vue.component('my-component') Vue3 x一致】 v-html【Vue2.x一致】 v-show【Vue2.x一致】 v-if【Vue2.x一致】 v-else【Vue2.x一致】 v-else-if【Vue2.x一致】 v-for【Vue2 v-model【Vue2.x一致】 v-slot【Vue2.x一致】 v-cloak【Vue2.x一致】 v-once 【Vue2.x一致】 v-pre【Vue2.x一致】 v-is【新增】 注意:本节只影响在页面的

    3.6K21发布于 2021-03-25
  • 来自专栏开源部署

    在线聊天室

    doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>聊天室</title> <style> 2.1.4/jquery.min.js"></script> </head> <body>

    Lucky在线聊天室 hljs-comment"># 向已在线用户发送消息 u.write_message(u"[%s]-[%s]-进入聊天室 hljs-keyword">in self.users: u.write_message(u"[%s]-[%s]-离开聊天室

    3.6K20编辑于 2022-09-14
  • 来自专栏sktj

    jquery ajax聊天室

    setTimeout('updateMsg()', 4000); } //解析xml文档函数,把数据显示到页面上 function addMessages(xml) { //如果状态为2,则终止

    2K00发布于 2019-10-10
  • 来自专栏字根中文校对软件

    java 语音聊天室

    javaSound的开源实现:http://www.tritonus.org/ 最近准备做个语音聊天室,困难很多。以后会在这里不断加入相关资源和开发进展。 用多线程,死机了2次。API很不熟悉。   总体思路如下:   1、每隔1秒,把捕捉到的音频流发送到server   2、然后server把流发给聊天室的多个用户,自己除外。   20040707 tcf  争取类似下面这个:sample 文字聊天室已经做好了,用的不关闭的socket连接。 Java Open GL (JOGL) Shawn Kendall 解释说去年的课程中他定义了一些使用 Java 进行游戏开发时遇到的问题,很高兴地宣布 J2SE 4.x 已经解决了所有那些问题。 http://java.sun.com/j2se/1.4.2/docs/guide/jni/ New IO (NIO) -- 定义作为数据容器的缓冲区,提供其他 NIO 包的概述。

    10.6K71发布于 2019-02-14
  • 来自专栏yuyy.info技术专栏

    Java开发聊天室

    Github https://github.com/EchoGroot/training_2.git 效果 https://yuyy.info:8081/training_2/index.html 目的

    2K10编辑于 2022-06-28
  • 来自专栏lgp20151222

    聊天室发送中文

    写出来发现一个问题就是那个 我发中文乱码!!!! 是人都知道是utf-8的问题啦 但是,怎么搞? 我搞不出来 直接问人 原来要用一个过滤器 把发的信息过滤下来转成utf-8再发下去 public class Encoding implements Filter{ private String encoding = "utf-8"; @Override public void destroy() { } @Override public void doFil

    1.4K10发布于 2018-09-10
  • 来自专栏JAVA学习历程

    golang实现聊天室

    package main import ( "fmt" "io" "net" "runtime" "sync" ) //创建读写锁,在高并发时保护公共区的数据,不会出现数据混乱 var rwMutex sync.RWMutex //创建全局的Client结构体 type Client struct { name string //初始name与addr一样 addr string C chan string } //创建全局在线用户列表 var onlineMap = m

    1.7K20编辑于 2022-08-29
  • 来自专栏积累沉淀

    多人聊天室

    最近学完网络线程协议 ,因此写了一个用java编写的聊天室 话不多说 效果如图 首先 创建服务器端 package com.yc.server; import java.io.IOException = new Label(group, SWT.NONE); label_2.setBounds(459, 26, 36, 17); label_2.setText("端口 :"); text_2 = new Text(group, SWT.BORDER); text_2.setText("9998"); text_2.setBounds Group group_2 = new Group(composite_2, SWT.NONE); group_2.setText("发送内容"); text 3.setBounds(10, 35, 36, 17); label_3.setText("内容:"); button_2 = new Button(group_2,

    3.9K80发布于 2018-01-11
  • 来自专栏gojam技术备忘录

    Socket在线聊天室

    因为刚好课上学socket,写一个聊天室吧。socket.io封装的很好,不用自己写,有空可以自己用socket api试试。 socket=document.createElement("script"); socket.src="https://cdn.jsdelivr.net/npm/socket.io-client@2/

    3.1K21发布于 2019-09-29
  • 来自专栏一朵灼灼华的博客

    flask websocket聊天室

    介绍 简单的基于websocket和flask的聊天室,源码见GIT链接,记得点个Star,使用flask及flask-sockets开发的聊天室,支持群聊及私聊,群聊只有一个聊天室,支持用户上下线提醒 截图 公共聊天室 新消息提醒 私聊 其他 更多功能开发: 登录验证(使用SSO) 文件传输 发送表情/图片 好友功能 And so on

    1.1K10编辑于 2022-08-05
  • 来自专栏前端博客

    vue2升级vue3:Vue Demij打通vue2vue3壁垒,构建通用组件

    如果你的vue2代码之前是使用vue-class-component 类组件模式写的。 如果你之前的vue2 版本使用的是 @vue/composition-api,那么 Vue Demi  以后可以无缝升级vue3.Vue Demi 是一个很棒的包,具有很多潜力和实用性。 根据创建者 Anthony Fu 的说法Vue Demi 是一个开发实用程序,允许你为 Vue 2 和 3 编写通用 Vue 库。而无需担心用户安装的版本。 3的版本次元壁 https://juejin.cn/post/7032860019880099847Vue Demi https://madewith.cn/502转载本站文章《vue2升级vue3:Vue Demij打通vue2vue3壁垒,构建通用组件》,请注明出处:https://www.zhoulujun.cn/html/webfront/ECMAScript/vue3/8866.html

    2K20编辑于 2022-07-25
  • 领券