vue3+ts+vite学习
文章平均质量分 52
vue3初体验
前端小菜鸡yy
这个作者很懒,什么都没留下…
展开
-
vue3_watch监听和watchEffect
对于有多个依赖项的侦听器来说,使用 watchEffect() 可以消除手动维护依赖列表的负担。使用 watch 函数在每次响应式状态发生变化时触发回调函数。回调会立即执行,不需要指定 immediate: true。第二个参数回调函数cb(newVal,oldVal)第三个参数一个options配置项是一个对象。监听一个普通对象以及同时监听两个两个数据源。监听一个ref深层对象。原创 2023-08-01 16:00:31 · 804 阅读 · 0 评论 -
vue3_computed计算属性
使用计算属性来描述依赖响应式状态的复杂逻辑。原创 2023-08-01 11:11:54 · 46 阅读 · 0 评论 -
vue3_to系列全家桶
toRaw() 可以返回由 reactive()、readonly()、shallowReactive() 或者 shallowReadonly() 创建的代理对应的原始对象。当使用对象属性签名时,即使源属性当前不存在,toRef() 也会返回一个可用的 ref。帮我们批量创建ref对象主要是方便我们解构使用。将响应式对象转化为普通对象。原创 2023-07-28 09:51:41 · 58 阅读 · 0 评论 -
vue3_reactive全家桶
检查传入的值是否为只读对象;通过 readonly() 和 shallowReadonly() 创建的代理都是只读的。reactive() 的浅层作用形式,只能对浅层的数据 如果是深层的数据只会改变值 不会改变视图。检查一个对象是否是由 reactive() 或 shallowReactive() 创建的代理。接受一个对象 (不论是响应式还是普通的) 或是一个 ref,返回一个原值的只读代理。用来绑定复杂的数据类型 例如 对象 数组。readonly() 的浅层作用形式。ref和reactive。原创 2023-07-27 15:37:43 · 71 阅读 · 0 评论 -
vue3_ref全家桶
和 ref() 不同,浅层 ref 的内部值将会原样存储和暴露,并且不会被深层递归地转为响应式。只有对 .value 的访问是响应式的。接受一个内部值,返回一个响应式的、可更改的 ref 对象,此对象只有一个指向其内部值的属性 .value。强制触发依赖于一个浅层 ref 的副作用(强制更新页面DOM)判断是不是一个ref对象。原创 2023-07-27 11:47:31 · 33 阅读 · 0 评论 -
vue3_pinia学习
意思是,当组件被卸载时,它们将被自动删除。如果要在卸载组件后保留它们,请将。处理 Promise 并允许您在 action 完成后执行函数。传递给它的回调在 action 之前执行。您可以通过将store的属性设置为新对象来替换store的整个状态。绑定到添加它们的组件(如果 store 位于组件的。包裹的对象,这意味着不需要在getter 之后写。方法查看状态及其变化,类似于 Vuex 的。Getter 完全等同于 Store 状态的。常规的store存储数据,刷新页面数据会丢失。通过 store 的。原创 2023-07-26 11:32:32 · 58 阅读 · 0 评论 -
vue3_vue-router
使用前端路由,当切换到新路由时,想要页面滚到顶部,或者是保持原先的滚动位置,就像重新加载页面那样。要解决这个问题,你需要做的就是在你的服务器上添加一个简单的回退路由。这使得 Vue Router 可以在不重新加载页面的情况下更改 URL,处理 URL 的生成以及编码。query 传参配置的是 path,而 params 传参配置的是name,在 params中配置 path 无效。由于我们的应用是一个单页的客户端应用,如果没有适当的服务器配置,用户在浏览器中直接访问。将显示与 url 对应的组件。原创 2023-07-25 16:10:35 · 435 阅读 · 0 评论 -
vue3_渲染函数
函数用于创建 vnodes。原创 2023-06-02 15:31:27 · 608 阅读 · 0 评论 -
vue3_unocss原子化
学到小满zs第三十七章unocss了,之前没接触过,敲了并记录一下。原创 2023-06-01 14:35:12 · 143 阅读 · 0 评论 -
vue3_移动端开发 postcss-px-to-viewport 插件
【代码】vue3_移动端开发 postcss-px-to-viewport 插件。原创 2023-05-31 14:50:24 · 246 阅读 · 0 评论 -
vue3_css,style新特性 以及 css样式框架Tailwind CSS
是因为>>>和/deep/已被弃用,要用:deep()代替。+elementPlus项目时,发现会报一个警告。在父组件全局选择,子组件的div也会影响到。学习小满zs vue3第三十三章。原创 2023-05-30 11:48:57 · 499 阅读 · 0 评论 -
vue3_插件
方法的对象,也可以直接是一个安装函数本身。安装函数会接收到安装它的。示例:Loading状态插件。一个插件可以是一个拥有。原创 2023-05-29 16:29:30 · 99 阅读 · 0 评论 -
vue3_自定义指令directive
在任何以v开头的驼峰式命名的变量都可以被用作一个自定义指令// 在模板中启用 v-focus没有使用的情况下setup() {/*...*/},// 在模板中启用 v-focusfocus: {/* ... */全局注册// 使 v-focus 在所有组件中都可用/* ... */})原创 2023-05-26 14:39:07 · 799 阅读 · 0 评论 -
vue3_tsx
【代码】vue3_tsx。原创 2023-05-25 11:43:58 · 61 阅读 · 0 评论 -
vue3_依赖注入provide和inject
【代码】vue3_依赖注入provide和inject。原创 2023-05-18 11:10:41 · 66 阅读 · 0 评论 -
vue3_keep-alive组件
利用v-if控制切换,测试缓存效果。原创 2023-05-17 16:40:43 · 52 阅读 · 0 评论 -
vue3_异步组件Suspense和传送组件Teleport
跟着小满用异步组件实现一个骨架屏的效果。原创 2023-05-16 17:01:49 · 111 阅读 · 0 评论 -
vue3_动态组件和插槽
父组件(在这个组件做动态切换的动作)插槽可以是一个变量名。原创 2023-05-16 15:07:00 · 801 阅读 · 0 评论 -
vue3_局部组件,全局组件,递归组件
【代码】vue3_局部组件,全局组件,递归组件。原创 2023-05-16 11:05:36 · 144 阅读 · 0 评论 -
vue3_父子组件传参
最近在看b站 小满zs 的vue3教程,巩固一下。原创 2023-05-15 19:09:10 · 292 阅读 · 0 评论 -
Vue3 + Ts + Vite + ElementPlus项目搭建过程中的一些问题总结
默认情况下,开发服务器 (dev 命令) 运行在。(开发) 模式,而 build 命令则运行在。还可以配置一些项目中需要用到的变量,下载:element plus。src同级目录下新建。原创 2023-04-12 18:10:13 · 58 阅读 · 0 评论