vue3
关注
分享
扫一扫
文章平均质量分 76
copyer_xyf
代码抄袭者
展开
-
v-model的基本使用
每天对自己多问几个为什么，总是有着想象不到的收获。 一个菜鸟小白的成长之路（copyer）v-model的使用场景分为两种，一种在表单中，一种在组件中表单中使用v-model的使用原理: 利用v-bind动态绑定value值，v-on监听触发的input事件，来修改value值<template id="james"> // v-bind: value 拿到data中的初始数据 // v-on:input 监听changeMessage事件.原创 2021-08-15 16:46:25 · 854 阅读 · 0 评论 -
Vue3注册全局属性
每天对自己多问几个为什么，总是有着想象不到的收获。 一个菜鸟小白的成长之路（copyer）vue3中注册一个全局属性，在任何的组件都可以使用const app = createApp()app.config.globalProperties.xxx = xxx//这样就注册了一个全局属性结构分离，不能所有的逻辑都写在createApp这个文件里面，需要单独建立文件，然后以中间件的形式插入进来理解app.use()//字符串 vuex vue-routerconst.原创 2021-08-15 15:47:57 · 1463 阅读 · 0 评论 -
vue的响应式原理解析
每天对自己多问几个为什么，总是有着想象不到的收获。 一个菜鸟小白的成长之路（copyer）判断是否继续看这篇笔记这篇纯粹个人学习步骤，练习代码由浅递增的过程，思路一步一步的增进的如果对响应式一点都不了解的人，可以试着看这边笔记，适用于小白（因为我就是小白）如果对响应式知道的比较多，就不用看了，这边收获不大什么是响应式？简单理解就是一个函数中对一个变量有依赖，当变量被改变的时候，这个函数就自动的重新执行，自动更新。const info = { count: 0}fu.原创 2021-08-14 17:35:38 · 269 阅读 · 2 评论 -
vue3中的props分析
每天对自己多问几个为什么，总是有着想象不到的收获。 一个菜鸟小白的成长之路（copyer）官网地址：Propsprops的形式数组形式：<my-cpn title="james" :age="12"/> props: ['title', 'age']//书写简单，但是不能类型检测，不能设置默认值对象形式：<my-cpn title="james" :age="12"/> //对象形式一： 只限定类型props: { .原创 2021-08-11 23:06:57 · 13707 阅读 · 0 评论 -
vuex4中的useStore的类型限定
在vuex4中，想要在setup中使用这个store的内容，就需要借助 useStore这个函数类型定义：export function useStore<S = any>(injectKey?: InjectionKey<Store<S>> | string): Store<S>;返回值：store的实例对象Store接收一个泛型 S， 其实看看内部的类型结构，这里的S 就是指的是 state中的类型在组件中使用useStoreimport原创 2021-08-07 16:42:29 · 2464 阅读 · 0 评论 -
vuex4的基本使用（typescript）
每天对自己多问几个为什么，总是有着想象不到的收获。 一个菜鸟小白的成长之路（copyer）前言： 这篇博客主要介绍了vuex4的基本使用，从创建一个store对象，然后再store内部的属性进行一一的解释（就是vuex的五大和核心：state， getters，mutations，actions, modules），解释主要从类型，参数等等方面的解释，还是比较的详细。内容有点长，可以收藏起来，慢慢看哟（嘻嘻）vuex介绍 Vuex 是一个专为 Vue.js 应用程序开.原创 2021-08-07 15:31:15 · 3231 阅读 · 0 评论 -
mini_vue之渲染系统的实现
渲染系统就是把虚拟DOM转化为真实DOM。目标主要实现以下三个功能：功能一： h函数，用于返回一个vnode对象。功能二： mount函数，用于将vnode挂载到DOM上。功能三：patch，用于对vnode进行对比，决定如何处理新的vnode实现过程<body> <div id="app"></div> <script src="renderer.js"></script></body>原创 2021-07-25 19:19:42 · 367 阅读 · 0 评论 -
Vue3中的composition API的知识总结(二)
上篇由于时间太晚了，就没有写了，这篇接着上篇的续写， Vue3中的composition API的知识总结(一)菜鸡的码农还是要拼命的奋斗啊。。toRefs()将响应式对象转换为普通对象，其中结果对象的每个 property 都是指向原始对象相应 property 的 ref。见名知意：· 把什么转化成ref对象目的：所以在，开发过程中，我们有时候会对对象进行结构const obj = reactive({name: 'james', age: '21'})let { name, age原创 2021-07-18 16:20:59 · 438 阅读 · 1 评论 -
Vue3中的composition API的知识总结(一)
最近这个几个月都在跟着coderwhy老师，系统性的学习Vue3的新知识，和新特性。首先，先感谢coderwhy老师讲的非常的好，真的很赞，我这种脑子转的很慢的人，都可以跟上他的节奏，非常感谢老师。 老师教的好，但是并不代表我就以前完全的吸收了，代码这个东西，不长期练习，总是会忘的，所以自己打算做个总结，忘的时候，在瞄一眼吧。好了，开始正题吧！认识 Composition APIVue3最大的特色 就是 Composition API咯。Composition API : 一组低侵入式原创 2021-07-17 18:42:18 · 524 阅读 · 0 评论 -
vuex中的辅助函数在vue2.0和vue3.0的分别使用
前言 最近自己一直在学习vue3，学习到了很多的新知识，非常的感谢coderwhy老师的指导。由于自己一直有做笔记这个习惯，学习到了vuex中的辅助函数，分别在vue2和vue3中的分别使用，以前感觉自己有必要记录下来，来对自己加深印象，巩固基础。正题1 、为什么要使用辅助函数const store = new Vuex.Store({ state: { name: 'james', age: 35, height: 2.03原创 2021-07-10 16:13:24 · 1980 阅读 · 1 评论