v-for和key在Vue2.x中,我们都知道v-for每次循环都需要给每个子节点一个唯一的key,还不能绑定在template标签上<template v-for="item in list"> <div :key="item.id">...</div> <span :key="item.id">...</span> </
在前后端分离的架构中,前端需要通过 API 接口的方式获取数据,但 API 是无状态的,没有办法知道每次请求的身份,也就没有办法做权限的控制。如果不做控制,API 就对任何人敞开了大门,只要拿到了接口地址就可以进行调用,这是非常危险的。本文主要介绍下在 dotNET Core Web API 中使用 Jwt 来实现接口的认证。Jwt 简介Jwt 的全称是 JSON Web Token,是目前比较流
前言    随着疫情的发生,音视频实时通话的需求,与日剧增,公司也比较关注,也发布了这方面的需求,接到任务,平时也没做过,想着平时微信用的比较多,对腾讯的即时通讯也是比较认可的,就尝试去腾讯云找是否有这方面的sdk开放出来,果然有,找到trtc-js-sdk,打开demo,感觉效果还行,于是呢,就下载了源码,一看,里面文件很多,引入各种东西,jq、boots
转载 2024-07-12 05:19:25
615阅读
近日,尤雨溪在 medium 上宣布推出 Vue 2.6——代号“Macross”。尤雨溪表示,在过去的一年中,他们在开发新 CLI 和 3.0 原型设计上花了很多时间。因此,Vue core 2.x 在很长一段时间内都没有推出重大更新。现在是时候了,2.6 版本带来了一些实质性的改进、内部变更和新功能,本文将会重点介绍。如果需要了解完整的详细信息,请务必查看GitHub上的发行说明。slot:新
最近做了一个远程视音频的项目,用到的技术栈是vue+iview,就其中的网页聊天,视音频、日历、与后端配合过程中遇到的问题以及打包过程中遇到的问题做个分享和总结。网页聊天效果图:html,通过senderId来区分发送者还接受者,<div class="chat-wrap"> <div class="abs chat-main"> <div c
一、window对象首先window对象是浏览器下的默认对象,也就是全局对象,在没有明确指向的时候this指向window。即使切换路由,window对象里面的属性和方法依旧会保留。因此可以在控制栏直接输入this、window、self都可以直接打印window对象。window对象很很多默认的方法和属性。一切全局变量和方法都是window的属性和方法,也就是只要没有指定作用域就会赋值给wind
最近,我读了一篇名为《放弃 TypeScript 的 7 个非常好的理由》,这篇文章的阅读量不低。里面有些观点确实有趣,不过在这里我要向你介绍使用 TypeScript 的 10 个理由。TypeScript 降低代码出错的风险开发人员写 BUG 是很自然的事情。几乎有一半的时间,我们都是在查找程序出错的原因。在 JavaScript 中,原因可能只是简单如类型错误。例如,将数值赋值给字符串变量,
转载 2024-07-16 10:47:34
53阅读
rem适配一、项目中安装lib-flexible在main.js中引入lib-flexible npm install lib-flexible --save-dev lib-flexible会自动在html的head中添加一个meta name="viewport"的标签,同时会自动设置html的font- size为屏幕 宽度除以10,也就是1rem等于html根节点的font-size。假如
转载 2024-10-20 14:11:53
182阅读
vue + typescript 新项目起手式安装vue-cli安装ts依赖配置 webpack添加 tsconfig.json添加 tslint.json让 ts 识别 .vue改造 .vue文件Vue 引入 TypeScript首先Cli之后,接下来需要安装一些必要/以后需要的插件安装vue的官方插件 npm i vue-c
转载 2023-12-04 11:33:12
362阅读
1.v-for: <ul> <li v-for="book in books"> <h3>{{ book.title }} - {{ book.author }} - {{ book.age }}</h3> </li> </ul> javascript: data() { return { book ...
转载 2021-09-11 22:45:00
651阅读
2评论
挂载#app <div id="app"></div> <script src="../js/vue.js"></script> <script> Vue.createApp({ template: `<h2>你好啊, 李银河</h2>` }).mount("#app"); </script> 问题 ...
转载 2021-07-17 15:38:00
665阅读
2评论
原创 2023-07-27 21:47:21
10000+阅读
Vue3
原创 3月前
48阅读
依赖安装npm install three如果有用 typeScript 安装npm install @types/three开始 建一个.vue文件 准备一个空的模板我们需要给生成的canvas准备一个容器<template> <div id="three"></div> </template>引入Threejs依赖<script l
前言 ... 目标 1 vue3的优势有哪些 2 如何创建vue3工程 graph LR A[初始vue3] --> B[vue3带来了什么] A --> C[如何创建vue3工程] 一 vue3带来了什么 从vue2到vue3一个大版本的升级,必然会有一些性能上的优化 性能提升和源码升级 性能提升 源码升级 打包大小减少 使用Proxy代替defineProper
原创 2024-07-21 09:24:38
146阅读
前言 ... 目标 1 vue3的优势有哪些 2 如何创建vue3工程 graph LR A[初始vue3] --> B[vue3带来了什么] A --> C[如何创建vue3工程] A --> D[如何引入vue3] 一 vue3带来了什么 从vue2到vue3一个大版本的升级,必然会有一些性能上的优化 性能提升和源码升级 性能提升 源码升级 打包大小减少
原创 精选 2024-08-05 15:03:53
230阅读
v-for中的key是什么作用?在使用v-for进行列表渲染时,我们通常会给元素或者组件绑定一个key属性。 官方中对key的作用解释:key属性主要用在Vue的虚拟DOM算法,在新旧nodes对比时辨识VNodes;如果不使用key,Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法;而使用key时,它会基于key的变化重新排列元素顺序,并且会移除/销
转载 2024-02-02 11:41:40
93阅读
那么让我们深入了解一下Vue 3中watchEffect函数的使用,如何在监视回调中使用属性来提高搜索引擎优化。watchEffect函数watchEffect函数是Vue 3中一个新的API,它允许您监视响应式数据的变化,并在数据变化时立即执行回调函数。与watch属性不同的是,watchEffect函数会自动追踪在回调函数中使用的响应式属性,只要其中的任何一个发生了变化,watchEffect
1、Vue3简介1.1、Vue3带来了什么1.性能的提升Vue3Vue 2相比,在包大小(使用 tree-shaking 时减轻多达 41%)、初始渲染(速度提高多达 55%)、更新(多达 133% 更快)和内存使用(最多减少 54%)。打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%......2.源码的升级使用Proxy代替defineProperty实现响应式重写虚拟
转载 2023-10-23 19:59:39
180阅读
一.Vue3的介绍相信大家都已经学习过Vue2了,对Vue有了一定的了解。那么今天我们就一起来学习有关Vue3的知识点。那为什么要学习Vue3呢,主要是他有以下的特点。 (1)新增组合式api (2)更加接近原生 (3)更加解耦(react启发)二.Vue3的安装全局安装脚手架(如果安装过脚手架请忽略这步)npm i @vue/cli -g 创建一个vue3 的项目vue create 项目名称
  • 1
  • 2
  • 3
  • 4
  • 5