用心创作每一篇文章

全国科技者工作日不仅是一个纪念日，更是一个追求卓越、创新和发展的动力源泉。科技工作者和整个社会都应该获得由内而外的正向推动，发挥每个力量的积极作用，共同推动科技创新发展的全方位进步。只有这样，我们才能够走在科技发展的前沿，创造更加美好的未来！

在uniapp中，可以使用uni.navigateTo或uni.redirectTo方法进行路由跳转，并且可以通过传递参数来实现页面之间的数据传递。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。4. mounted：el 被新创建的 vm.$el 替换，并挂载到实例上去之后调用该钩子。3. beforeMount：在挂载开始之前被调用：相关的 render 函数首次被调用。1. beforeCreate：在实例初始化之后，数据观测和事件配置之前被调用。

Uniapp是一款基于Vue.js框架的跨平台开发工具，可以同时开发iOS、Android、H5、小程序等多个平台的应用。Uniapp的特点在于，它可以使用一套代码，同时生成多个平台的应用，大大提高了开发效率和开发成本。Uniapp作为一款跨平台开发工具，具有很多优势和应用场景。通过使用Uniapp，可以快速开发出适用于多个平台的应用，提高了开发效率和开发成本。未来，Uniapp将会不断完善和优化，为开发者们提供更好的开发体验和开发效率。

使用uni.chooseLocation()打开地址选择位置：添加这个属性："requiredPrivateInfos":["chooseLocation"]

ref和reactive一样,也是用来实现响应式数据的方法由于reactive必须传递一个对象,所以在实际开发中如果只是想让某个变量实现响应式的时候回非常麻烦所以Vue3提供了ref方法实现简单值得监听。

最近在做vue3相关的项目，用到了组合式api，对于vue3的语法的改进也是大为赞赏，用起来十分方便。1.解决了vue2的data和methods方法相距太远，无法组件之间复用2.提供了script标签引入共同业务逻辑的代码块，顺序执行3.script变成setup函数，默认暴露给模版4.组件直接挂载，无需注册5.自定义的指令也可以在模版中自动获得6.this不再是这个活跃实例的引用。

Vue3为什么要使用 Vue31 . 更好的 逻辑复用 与 代码组织 ( composition 组合式 api )Vue3 之前使用的是 optionsAPI(选项式API)Vue3 使用的是 compositionAPI（组合式API）优点 : 代码组织更方便了, 逻辑复用更方便了 非常利于维护!!2 . 更好的 检测类型 ( 类型推导 Typescript 支持 )类型推导 : 就是在没有明确指出类型的变量，TypeScript 编译器会自动推测变量的类型。

当子组件中无法拿到props时，我们通常使用withRouter()方法进行包裹，将返回值赋予一个新变量，这个变量就是我们包裹完的新组件将这个组件替换原来的组件就可以就。HashRouter这个是hash模式，带#号的，如果不想使用#，我们可以将HashRouter换为BrowserRouter就可以了。正常我们创建路由都是。

无论计算属性还是methos，这两种实现方式的最终结果是完全相同的。因为计算属性是基于缓存实现的，只在计算属性所依赖的数据发生改变时它们才会重新求值，否则访问 计算属性会立即返回之前的计算结果，而不必再次执行函数。 相比之下，每当触发重新渲染时，调用方法将总会再次执行函数。

这样数据就缓存成功了。需要注意的是，使用的缓存方法wx.setStorage，那对应的获取数据时也要用wx.getStorage。获取用户信息按官方的来即可。但是在登录小程序获取一次后我们需要把用户信息存起来，不能点击一次获取一次。的回调中）后才可调用，每次请求都会弹出授权窗口，用户同意后返回。这个API获取用户信息。页面产生点击事件（如。

params传参，push里面只能是 name:‘xxx’,不能是path:‘/xxx’,因为params只能用name来引入路由，如果这里写成了path，接收参数页面会是undefined！实现路由内容的地方，引入组件时写到需要引入的地方 需要注意的是，使用vue-router控制路由则必须。创建路由规则数组（需要准备切换的页面组件）把准备好的页面组件引入到main.js中。to=“/path/值” (需在路由规则里配置/path/:参数名)==注意：==这里使用name路由跳转方式路径不需要加。

/ Vue2// ....methods: {add() {},// Vue3// ....setup(){这个其实没有什么新东西,需要手动指定watch(() => 谁,()=>{})})return {get(){track()},// 通知vue，请重新渲染trigger()})setup(){return {arrtrigger()})return {get(){track()},// 通知vue，请重新渲染trigger()})

近期有个项目要用到分页组件，但是内容不是表格，所以自己就研究了一下在Pagination 分页组件的基础上手写了分页

Vue项目中引入高德地图步骤详解

/删除起始下标为1，长度为1的一个值(len设置1，如果为0，则数组不变)//替换起始下标为1，长度为1的一个值为‘ttt’，len设置的1。//替换起始下标为1，长度为2的两个值为‘ttt’，len设置的1。//删除起始下标为1，长度为2的一个值(len设置2)item:替换的值，删除操作的话 item为空。len: 替换/删除的长度。index:数组开始下标。//在下标为1处添加一项'ttt'

Vue3遇到问题在没有分页的情况，自定义组件的表现没有任何问题，但是当出现分页的时候，问题就出来了，当然如果不仔细的话，也不好发现，因为tableData展示的数据也是正确的，那么问题在哪？出现在往自定义组件传参的地方假设一共21条数据，10条一分页，第一页的id自上到下为1-10，第二页自上到下为11-20，第三页为21。

最近有个后台管理项目要实现上传图片功能，然后呢我就用Element组件实现了这个功能。action属性是要结合你接口文档的上传图片，不然你是上传空白的。

【代码】Css实现坐标点位效果。