前端
Pinia的简单使用
1.什么是Pinia?
1.pinia 和 vuex 具有相同的功效, 是 Vue 的存储库,它允许您跨组件/页面共享状态。
2.设计使用的是 Composition api,更符合vue3的设计思维。
3.Pinia 对 Vue 2 和 Vue 3 都有效,并且不需要您使用组合 API。
2.Pinia 的使用
2.1 Pinia 的安装
在安装Pinia的时候可以使用yarn 也可以使用 np
基于uniapp的简单TodoList应用程序实现
1. 前言
本章将介绍如何使用uniapp开发一个简单的TodoList应用程序。通过这个项目实践,你将巩固所学的uniapp基础知识和技能,并且了解如何将它们应用到实际开发中。
2. 项目概述
我们要实现一个TodoList应用程序,它具有以下功能:
添加待办事项
查看待办事项列表
标记已完成事项
删除事项
3. 页面设计
为了实现上述功能,我们需要创建两个页面:添加待办事项页面和待办事项列
蓝桥第四课-新增商品页面开发以及接口调用
这节课来实现新增商品,首先是点击【添加商品】按钮实现跳转页面,在定义点击方法跳转页面之前,要先新建一个页面addShop
在【src/views/shopModel】文件夹下,新建一个【addShop】文件夹,在文件夹内新建【index.vue】
在【index.vue】内敲快捷键vbase(前提是你的vscode已经安装了Vue VSCode Snippets插件),快速生成vue组件基础结构
iOS开发 APP跳转到设置或系统页面
iOS10以前
打开设置应用: UIApplication.openSettingsURLString
打开通用设置: App-Prefs:root=General
打开关于本机: App-Prefs:root=General&path=About
打开软件更新: App-Prefs:root=General&path=SOFTWARE_UPDATE_LINK
打开网络设
Vue3的setup基础
基本使用
setup内部定义的变量可通过return返回,这些变量和方法便可在模板中使用
基本使用
setup内定义的变量本事不具有响应式,即修改其内容时,页面不会发生改变,只有通过ref(基本数据类型)和reactive(复杂数据类型)才能让这些变量具有响应式。
赋予变量响应式
父子组件传值
父传子
子组件
父组件及效果
子传父
子组件调用父组件方
vue-loader源码解读
调试
新增script调试脚本
npm run debug后打开chrome://inspect/,即可看到对应位置断点
初始化
webpack的插件要求是一个包含了apply方法的对象,将被其自动回调
为loader打标记
当编译对象创建后,读取loader并标记vue-loader为true,表示用户通过plugin方
svg图标无法修改颜色的解决方案
问题原因:该部分svg图标带有fill属性,不能直接通过css 修改fill属性。
解决思路:一、移除默认颜色(去色操作);二、利用CSS3滤镜filter中的属性drop-shadow。
思路一:移除默认颜色(去色操作)
用编辑器打开.svg文件,搜索fill="#xxx" ,删除后即可通过css进行修改。
或者将如下代码删除即可。
<defs>
<style