2021年06月_随便起的名字也被占用

12月 11月 10月 08月 07月 06月 05月 04月 03月 01月

原创 Vue3.0学习 - 第二十节，vue3中自定义组件使用 v-model

自定义事件也可以用于创建支持v-model的自定义输入组件<input v-model="searchText" />等价于：<input :value="searchText" @input="searchText = $event.target.value" />当用在组件上时，v-model则会这样：<custom-input :model-value="searchText" @update:model-value="searchT...

2021-06-27 13:05:42 3915 2

原创 Vue3.0学习 - 第十九节，vue3中如何使用 Teleport

Vue3.x中的组件模板属于该组件，有时候我们想把模板的内容移动到当前组件之外的DOM 中，这个时候就可以使用 Teleport。<teleport to="body">添加到body中 </teleport><teleport to="#app">添加在app中</teleport>使用Teleport实现一个模态对话框的组件创建一个组件 modelButton.vue<template> <telepor

2021-06-24 14:27:05 654

原创 Vue3.0学习 - 第十八节，vue3中如何使用 vuex

2021-06-23 17:35:39 1847 3

原创 vue3.x中使用深度选择器 /deep/ ＞＞＞

在vue2中使用深度选择器可以使用旧版写法：/deep/ input{ }>>> input{}在vue3.x中的写法新版写法：.user-center { &:deep(.tableheader) { background: #f0f6fc; color: #000; }}.user-center { ::v-deep .tableheader { background: #f0f6fc; col..

2021-06-22 18:53:49 5051

原创 Vue3.0学习 - 第十七节，vue3中如何使用 router、 watch、computed、和路由监听

在vue3.x中使用router和vue2 不一样了在vue2中使用方法：this.$router.push()this.$route.parma

2021-06-16 15:18:27 5222

原创 Vue3.0学习 - 第十六节，Vue3 中router-view警告解决方案vue-router4.0 keep-alive保存当前页面数据的正确写法

在学习vue3发现使用router-view竟然警告了什么鬼？[Vue Router warn]: <router-view> can no longer be used directly inside <transition> or <keep-alive>.Use slot props instead:<router-view v-slot="{ Component }"> <keep-alive> <compon

2021-06-10 23:08:42 6562 14

原创 Vue3.0学习 - 第十五节，Vue3 中如何在css中使用js的变量

vue3中有一个方法，在css中使用js里定义的变量<template> <div class="a-div"> vue3在css中使用js的变量 </div></template><script>export default { data() { return { color: "red", font: { size: "16px",

2021-06-07 23:34:41 2350 4

原创 Vue3.0学习 - 第十四节，Vue3 挂载全局变量方法，在Vue3中使用vue-cookies

关于vue3.x挂在全局变量方法官方文档Vue.prototype替换为config.globalProperties在 Vue 2 中，Vue.prototype通常用于添加所有组件都能访问的 property。在 Vue 3 等同于config.globalProperties。这些 property 将被复制到应用中作为实例化组件的一部分。// 之前 - Vue 2Vue.prototype.$http = () => {}// 之后 - Vue 3const...

2021-06-01 00:30:30 11802 5

转载一些强无敌的 NPM 软件包

???? 实用工具Lodashlodash是一套现代 JavaScript 实用程序库，提供模块化、性能与多种附加功能。可提供关于 JavaScript 数组、对象及其他数据结构的多种实用功能。安装及示例yarn add lodash复制代码不要滥用，尽量使用 ES 自带方法。我常用的一些方法如下// -----------------------------深度比较两个对象的值是否全相等import { isEqual, cloneDeep, uniqBy, sor

2021-06-09 09:30:54 172