devtools浏览器edge vue

### [2023 年 7 月 28 日 22:16:06] ## ref 取 render 方式组件节点 一开始注意到组件 setup 和 render 一起使用的情况，好奇怎么通过 ref 取到 render 中 jsx 里的节点，一开始试了以下的尝试，结果是 undefined 的： ```j ......

学习vue又一天，终于把样式、表单、等全部看完了，真的是很简单，都不知道怎么形容，可能是有一定基础的学习比较快吧， 然后看了axios ，感觉与Ajax 的差别不是太大，估计是没有太深入了解的原因，这块我先简单看了一下，然后等后面项目开始的时候再看 混合式api看了几次，说实话没看太明白，计划先略过 ......

- 基于sortablejs； npm地址：https://www.npmjs.com/package/vue-draggable-next 配置项：https://github.com/SortableJS/Sortable#options - ......

Vue3 组件通信方式 vue2 组件通信方式 一、props props可以实现父子组件通信,在vue3中我们可以通过defineProps获取父组件传递的数据。且在组件内部不需要引入defineProps方法可以直接使用！ 不管是Vue2还是Vue3，props都是只读的 二、自定义事件 在vu ......

[toc] # vue.js 概述 ​ Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，V ......

提交表单 需要重置整个data 数据 或者 重置和form有关联得数据对象 Object.assign(this.$data.formData, this.$options.data().formData); //重置data Object.assign(this.$data.searchParam ......

在vue3项目中使用跨域 1.服务器代理 server: { port: 8080, // 设置服务启动端口号 open: true, // 设置服务启动时是否自动打开浏览器 cors: true, // 允许跨域 // 设置代理，根据我们项目实际情况配置 proxy: { '/api': { // ......

参考：https://blog.csdn.net/yunchong_zhao/article/details/129308263；https://www.cnblogs.com/huangenai/p/6143531.html 修改 index.html 中的 head标签里面的<meta name ......

href标签中target的几个属性值 原文链接：https://blog.csdn.net/m0_37041189/article/details/119517418 href标签中target的几个属性值 target的值有_blank、_self、_parent、_top这四种， 例子：<a ......

视频直播app源码，cordova Vue 保存视频/图片到相册 完整代码 /** url: 视频源地址* album: 视频名称* success：成功回调* error: 失败回调* library: 请求相册权限失败回调*/function saveVideoToPhotoLibrary(ur ......

vue导出.html文件 HTML页面由.css、htmlDom标签组成，将css设置成js通过export导出，htmlDom可以通过$el.innerHTML获得，也可通过document.getElementById('id')获得 。然后构造html页面，使用createObjectURL创 ......

调用方法体 public void OpenBrowser() { string url = "http://localhost:8055/api"; bool openRes = OpenBrowserHelper.OpenChromeBrowserUrl(url); if (!openRes) ......

Vue2生命周期图示 Vue3生命周期图示 二者对比 ......

我们引入VueRouter插件之后,想要是用VueRouter的话就需要使用this.$router()方法.这是为啥??为啥在每一个组件里面想要调换都要使用this.$router()呢??? 答: 1.在源码中执行install方法的时候,调用了Vue.mixin()方法,**具体内容为:** ......

1、node环境检查 node -v //查询Node版本 2、vue-cli版本检查 vue -V //查询 vue-cli版本 npm uninstall -g vue-cli //卸载旧版vue-cli npm install -g vue-cli //旧版vue-cli2 npm insta ......

在项目的开发过程中，我们常常会去封装一些比较常用的全局组件,但是每添加一个组件就需要手动在main.js引入注册，不仅麻烦还代码量多，着实让人心烦。所以干脆封装一个自动化注册全局组件。 1、自定义全局组件文件夹 在src下新建一个globalComponents，用于存放全局组件，并新建一个组件，例 ......

博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......

Vue项目打包后出现白屏的可能原因有很多 1.可能的思路和解决方案： 1. 确认静态资源路径是否正确。 在 Vue 项目中，打包后会生成一个 dist 目录，确保 index.html 引用的资源路径都是相对于 dist 目录的。 2. 确认路由是否正确配置。 如果打包后出现了白屏，可能是因为路由没 ......

浏览器缓存机制 浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的。 一个数据请求可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求，减少客户端和服务器之间的请求次数，或者发起了请 ......

本文列出所有主流在vue中批量注册全局组件的方法 本文下面所有例子的组件目录如下： 方法一：直接在main.js中循环遍历注册 1.在main.js中 // 引入所有需要注册的全局组件 import aboutView from '@/components/common/aboutView.vue' ......

1. 使用vue3+vite 默认支持Chrome >=87 2. chrome 53: - npm install @vitejs/plugin-legacy -D - ```` //vite-config.js import legacy from "@vitejs/plugin-legacy" ......

Vue的路由在执行跳转时，根据源码可知，调用了router中定义的navigate函数，源码中可以看出，由Promise then的链式调用保证了路由守卫按照以下顺序执行 ......

依赖版本问题 安装后重新加载依赖，直接 npm install 版本修改： cnpm install core-js@3.8.3 ......

隔了很长一段时间才更新。 因为这段时间换了个地方搬砖，事情比较多，需要熟悉公司的各个项目涉及到的业务和代码，所以才没更新。 从今天开始准备慢慢恢复更新，争取一周分享一篇自己学习的心得。新坑主要技术栈是以vue为主，所以分享的内容主要也是以vue为主。随着形势的发展，前端行业对于从业人员来说要求也会越 ......

浏览器常见错误代码： Http: 3xx-重定向 301：对象已永久移走，即永久重定向 302：对象已临时移走 304：未修改 307：临时重定向 4xx-客户端错误 400：错误的请求 401：访问被拒绝 403：禁止访问 404：未找到 405：用来访问页面的方法不被允许 5xx-服务器错误 5 ......

<div class="person-list"> <div class="person-item">9939939939399399</div> <div class="person-item">1111111111111111</div> </div> <el-icon class="allow ......

通过freemarker模板生成文件，并通过浏览器下载下来。两个知识点，1.模板生产文件。2.通过浏览器下载。 第一步很快完成，并且是下载在本地。而到了第二部的时候，愣是不行，查看断点，流肯定是都走网了，而 浏览器就是没有反应，一直对照网上的代码，没啥问题。还把response的头的设置的内容也差了 ......

问题：data[0].tableId 是 undefined，但控制台可以打印出 data[0] 的值 原因: Vue 3 的响应式数据处理方式导致的。 Vue 3 使用了 Proxy 来实现响应式数据。当你访问一个响应式对象的属性时，Vue 会在底层进行拦截，并返回响应式的值。这意味着，当你访问 ......

1.性能提升 vue3对性能进行了优化，相较于vue2，在运行时的性能更高。vue3采用了Proxy代理机制，使得在数据变化时可以更快的更新视图，从而提供了更好的响应性能。 2.Composiiton API (组合式API) vue3引入了Compsition API,这是一种新的API风格，它允 ......

新版的 watch 和旧版对比，在使用方式上变化非常大！旧版是这样用的，和 data 、 methods 都在同级配置： // 旧版的写法： export default { watch: { // ... }, data () { return { // ... } }, methods: { / ......