最近正在将一个使用单文件组件的 Options API 的 Vue2 JavaScript 项目升级为 Vue3 typescript,并利用 Composition API 的优势. 比如,下面这种 选项API 方式: export default { props: { name: { type: String, required: true. } }, emits: ['someEvent', 'increaseBy'] }; 我们将它转成 组合API 方式: const props = d…

Dynamics CRM 365 不用按钮工具,直接用js脚本控制按钮的显示隐藏: try { // 转备案按钮 let transferSpecialRequestButton = parent.parent.document.getElementById("new_srv_update|NoRelationship|Form|vivo.Form.new_srv_update.MainTab.Save.btnTransferSpecialRequest"); if (!transfe…

在vue3的setup语法糖中,defineProps不需要引入了 <script setup> import { computed } from '@vue/reactivity'; import { onMounted, watch } from 'vue'; let props = defineProps(['playlist']) console.log(props.playlist) // 不能获取值,因为父组件这时候还没传值过来 // onMounted(() => { //…

前两天虚拟机里的linuxmint不知何故,突然无法访问互联网了.依稀记得是升级了win7下面的360安全卫士之后发生的事情.所以, 第1步就开始去找防火墙的各种设置,结果没有查到结果. 第2步猛然看到win7下的网络和共享里,vmware nat 网络是公共网络不能访问Internet,于是便以为是这个原因,好一顿google搜寻解决办法,但是仍然没有结果.郁闷中. 第3步:把同一个虚拟机中的另一个linux启动起来,结果是能够访问互联网.据此断定虚拟机设置没有问题. 第4步:终于静下来好好想…

1使用计算属性 computed 实现按钮是否禁用 我们在有些业务场景的时候,需要将按钮禁用. 这个时候,我们需要使用(disabled)属性来实现. disabled的值是true表示禁用.false表示可以使用. 由于disabled的值是动态变化的. 此时我们就可以使用计算属性computed 这个方法. 只要值发生变化 他就会重新去计算. 在vue3中,如果需要使用computed需要引入. <template> <div> <div> <div>…

前言: 备注:本文基于对webpack Module Federation有一定了解的情况下 一般情况下使用模块联邦都是会使用相同的版本,如Vue2的组件时在Vue2中使用,但我为什么会在Vue3项目中去使用Vue2的组件呢,其实是因为历史原因.好几个老的核心的项目都是使用Vue2来写的,在中期以及空闲的时候团队是有机会使用Vue3去重构,但是并没有这样做,到了现在这个阶段已经太晚了,项目变得庞大,人员也减少了. 最近在维护一个项目,被折磨得不行,比如一个.vue文件有3千行代码,框架设计不合理…

pinia的简介和优势: Pinia是Vue生态里Vuex的代替者,一个全新Vue的状态管理库.在Vue3成为正式版以后,尤雨溪强势推荐的项目就是Pinia.那先来看看Pinia比Vuex好的地方,也就是Pinia的五大优势. 可以对Vue2和Vue3做到很好的支持,也就是老项目也可以使用Pinia. 抛弃了Mutations的操作,只有state.getters和actions.极大的简化了状态管理库的使用,让代码编写更加容易直观. 不需要嵌套模块,符合Vue3的Composition api…

shell命令:mv a b   将文件a改名为b, 可如果b已经存在,比如/test文件下有a和b两个文件,执行mv a b后,b被覆盖的了.也就是/test文件下只有a. 但是mv命令在pig的grunt中使用有问题,执行不稳定. pig编程指南中说,除了cd和pwd两个命令,其他命令不推荐使用. 在我测试后,确实如此,如果存在b文件,那么mv a b可能不被执行. 但是可以先rm b,然后在mv a b就可以执行了 我是因为在pig 脚本中涉及文件操作,所以在pig脚本中使用pig she…

今天,被问到两个JS问题,当时没回答到重点,问题虽然看起来简单,但是细节却马虎不得,在此做下记录: 1. 在Javascript中 声明时用"var"与不用"var"的区别 Javascript声明变量时 var a = 111; 和 a = 111; 两种方式一样吗? var a = 11; function test4(){ var a = 22; } test4(); console.log(a); 结果是什么呢? 11 这个好理解, 函数内的var a声明是…

在vue2中一般放在created中,但是在vue3中取消了created生命周期,请求方式有两种 直接在setup中去获取数据 setup(props) { const data = reactive({ note: [], }); getArticalLatest().then((res) => { data.note = res.data.data; }); return { ...toRefs(data), }; }, 在onMouted里面请求数据 setup(props) { con…