随笔分类 - Vue
摘要：一、前言 百度地图已经有了 react 相关的组件库，本人用的百度地图 v3.0 和 vue3 我仅仅是抛砖引玉，百度地图 webgl、高德地图都是一样的，因为底层都是通过 js 控制地图 如果用组件的方式开发，比如我将 BMap.Marker 作为一个组件，我暴露一个参数position，其目的是
阅读全文
摘要：这里有最基本的使用，vue3官网 组件 v-model 我来讲讲注意事项， 如果你 v-model 的是个 reactive 创建的对象，那么将不起作用，必须得是 ref 创建的对象 要知道，v-model： <input v-model="searchText" /> <!-- 等价于 --> <
阅读全文
摘要：vue-cli 是 vue 项目的构建工具，今天闲来无事，翻看了 vue-cli 的开发指南，受益匪浅。相对于之前潦草的使用，我的关于 vue-cli 的一些疑惑，有些得到了解答 一、引用图片 无论是使用普通路径引用图片，还是使用@、~ 路径这种使用特殊路径方式引用图片 其内部的工作方式都是使用 r
阅读全文
摘要：记录vue3（vue2 也通用）在微信公众号网页开发中，跳转微信小程序的踩坑： 步骤一：使用微信JSSDK 微信JSSDK官方说明，估计找到这篇文章的都看了文档。 不多说，在这个步骤中，后端和前端都有各自的事情做，我分别讲解各自的责任： 前端责任 引入js文件，直接在 index.html 中引用就
阅读全文
摘要：问题描述 我使用 ref 引用一个 dom 元素，并且使用变量showMap控制其渲染。我在一个函数中，将showMap设置为 true 过后，立即使用了 this.$refs.map来访问这个domn。 当其在 v-if 的控制下渲染的时候，我的代码出错，报了一个很奇怪的错误，我完全不知道这个堆栈
阅读全文
摘要：解释 在 vue 项目中，编写 html 有两种方案，一是类似 react 的 jsx，二是 vue 自带的模版语法。模版语法很方便，是 vue 项目首选的编写 HTML 方案 而在模版语法中，$event是一个承载事件的特殊变量，也就是说它和原生的 DOM 事件对象一致，$event 就是 DOM
阅读全文
摘要：一、准备 1.1 简介 vue提案链接（注意详细链接每天都在变化，这是 vue 官方的在github维护的提案仓库，写在今天的提案索引是 40，自己进入链接寻找） setup语法糖 一个减少重复代码的语法糖，之前setup语法糖的提案在修改阶段，现阶段已经定稿，详情看下面的语法 1.2 插件准备 如
阅读全文
摘要：前言 最近在看源代码，又突然想起以前看到的一个问题，为什么vue组件data必须是函数。百度的结果第一页的答案全是扯到原型？真醉了，举的例子也是模模糊糊（例子扯到函数原型，八杆子打不着），估计被很多人浏览也就SEO上去了。 解决 只能说逼乎大佬多，Vue 组件 data 为什么必须是个函数，而 Vu
阅读全文
摘要：前言 之前在React使用过tsx，体验还不错。再次体验vue中的tsx，只能说熟悉的感觉回来了。 使用 参考 使用Vue 3.0做JSX(TSX)风格的组件开发。 评价 react的函数组件，不得不说性能是个小问题。 一个函数组件运行多次，其内部也会运行多次，要是函数组件内部存在大量的计算，将会占
阅读全文
摘要：一、展开运算符 不论是vue2.0的通过Object.defineproperty创建的监听，还是vue3.0Proxy代理的监听，都可以通过展开运算符，使之摆脱监听，成为独自的存在，相当于copy了一个一样的数据。 注意到vue的数据监听形式，例如对象数组[{...},{...},...]，仅仅只
阅读全文
