vue3
文章平均质量分 52
从基础到源码的vue学习系列记录文章
莫循瑾木
这个作者很懒,什么都没留下…
展开
-
vue3获取子组件真实dom元素和子组件属性方法
vue3获取子组件真实dom元素和子组件属性方法。原创 2023-05-24 17:16:08 · 2144 阅读 · 0 评论 -
Target version not match, you can specify the target version in vueCompilerOptions.target in tsconfi
Target version not match, you can specify the target version in vueCompilerOptions.target in tsconfig.json / jsconfig.json. (expected "target": 2.7)原创 2022-10-11 14:23:15 · 13666 阅读 · 11 评论 -
Vue3-生命周期
Vue3-生命周期vue2与vue3生命周期对比在setup组合式api中使用生命周期同时在配置项和setup中使用生命周期的调用顺序vue2与vue3生命周期对比左边是vue3右边是vue2,对比两图我们发现vue创建方式由new Vue(), 更改为 Vue.createApp(oprions).mount(el)。在vue3中先将配置项传入,一切准备就绪后再开始创建实例。生命周期 beforeDestroy改为 beforeUnmount生命周期 destroyed改为 unmounte原创 2022-03-07 00:52:54 · 1921 阅读 · 0 评论 -
VUE3学习
vue3学习Vue3-vite与cli方式创建项目Vue3-Watch监听使用Vue3-Watch监听RefImpl对象的说明Vue3-WatchEffect原创 2022-03-07 00:15:04 · 69 阅读 · 0 评论 -
vue3Watch监听RefImpl对象的说明
vue3Watch监听RefImpl对象的说明watch监听RefImpl对象watch监听RefImpl对象<script>import { ref, reactive, watch } from "vue";export default { name: "Demo", setup() { // 数据 let sum = ref(0); let msg = ref("你好啊"); let person = ref({ name: "张原创 2022-03-07 00:08:41 · 5639 阅读 · 0 评论 -
Vue3-WatchEffect
Vue3-WatchEffectwatchEffect函数的使用watchEffect函数的使用watchEffect函数自动监听回调函数里使用到的 响应式对象不用指明监听的对象,回调使用到哪个对象就监听哪个对象与watch监听对比既要指明监视的属性,也要指明回调函数与computed计算属性对比computed注重结果,也就是返回值watchEffect注重逻辑,也就是回调执行的过程(报销流程,axios请求等)<template> <原创 2022-03-06 23:58:56 · 202 阅读 · 0 评论 -
VUE3的watch监听使用
VUE3的watch监听使用watch介绍watch监听的不同情况1 监听单个refimpl数据2 监听多个refimpl数据3 监听proxy数据4 监听proxy数据的某个属性5 监听proxy数据的某些属性总结watch介绍vue中watch用来监听数据的响应式变化.获取数据变化前后的值watch的完整入参watch(监听的数据,副作用函数,配置对象)watch(data, (newData, oldData) => {}, {immediate: true, deep: true})原创 2022-03-02 00:06:59 · 44177 阅读 · 5 评论 -
vue3 vite与cli方式创建项目
vue3创建项目一 vite方式创建1.1 vite创建命令1.2 填写项目名称1.3 选择架构框架1.4 选择vue版本1.5 项目结构1.6 修改vite配置文件二 cli方式创建vue3项目2.1 cli创建命令2.2 选择模板多节点报错问题解决方案一 vite方式创建1.1 vite创建命令npm init vite@latest# 或者yarn create vite1.2 填写项目名称1.3 选择架构框架1.4 选择vue版本这里我选择了ts版本选择完后就开始创建vu原创 2022-03-01 00:11:55 · 2456 阅读 · 0 评论 -
第一章:权衡的艺术
第一章:权衡的艺术1.1 命令式和声明式1.2 性能与可维护的权衡1.3 虚拟DOM的性能到底如何采用原生innerHTML属性创建页面。采用虚拟DOM方式创建页面innerHTML与虚拟DOM方式更新页面对比1.4 运行时和编译时纯运行时:只有在运行程序时才有效。运行时+编译时:运行程序时才开始编译代码。编译时:编译完代码才能运行程序。选择分析1.1 命令式和声明式命令式:关注过程:代码描述的“做事的过程”。声明式:关注结果:代码描述的是“做事的结果”。例如:实现以下内容获取id为app的di原创 2022-02-18 01:49:16 · 442 阅读 · 0 评论