摘要：
今天小编在网上闲逛的时候，发现前端这几年的发展离不开组件的概念，之前小编接触到的组件，基本都是这样的 const app= Vue.createApp({ template: ` <input-item /> <common-item /> ` }) app.component('input-ite 阅读全文
posted @ 2021-11-02 19:01
技术小王
阅读(211)
评论(0)
推荐(0)
摘要：
小编今天和大家一起探讨Vue中的插槽(slot)的概念，熟悉Vue的小伙伴都知道父子组件之间可以相互传递数据，但是传递DOM结构的时候，再通过属性的方式就有些麻烦，我们先来看个父子组件的例子 const app= Vue.createApp({ template: `<myform />` }) a 阅读全文
posted @ 2021-11-01 18:21
技术小王
阅读(414)
评论(0)
推荐(0)
摘要：
小编之前更新过相关的内容，之前对Vue3没有了解那么深入，今天小编系统的将这两个常用的渲染方式统一整理到这篇文章中。一、条件渲染。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-U 阅读全文
posted @ 2021-10-11 20:29
技术小王
阅读(147)
评论(0)
推荐(0)
摘要：
小编今天和大家分享关于Vue中的样式和class的绑定， 首先声明，这篇文章出现的class不是类声明的关键字，而是标签内部的属性，用于实现样式在原生html中，我们给一个元素添加样式的时候，大概有这么两种方式 <!DOCTYPE html> <html lang="en"> <head> <met 阅读全文
posted @ 2021-09-21 21:29
技术小王
阅读(266)
评论(0)
推荐(0)
摘要：
小编今天继续和大家一起学习和探讨Vuex，咱们书接上回，继续探索Vuex的其他特性三、Mutation在上一篇文章中，咱们已经知道，对于Vuex中的数据，不能像data中的数据一样直接修改，那要对State中的数据修改的时候，要怎么做呢，Vuex提供了Mutation方式进行统一修改，并且使用sta 阅读全文
posted @ 2021-09-09 19:32
技术小王
阅读(73)
评论(0)
推荐(0)
摘要：
小编在项目中，经常会使用到Vuex，其实小编自己只是知道Vuex是为了解决什么痛点，但是具体这个东西是怎么回事，小编自己有点迷迷糊糊，昨天小编痛下决心，认认真真的把Vuex的官网（https://vuex.vuejs.org/zh/）读了一遍，收获还是很多的，特地拿出来与大家分享，也希望能在大家今后 阅读全文
posted @ 2021-09-02 19:38
技术小王
阅读(81)
评论(0)
推荐(0)
摘要：
小编今天在做项目的时候，在项目的注释中发现了关于事件委托的注释（PS：虽然下面代码写的不是事件委托的代码），小编作为一个干了前端三四年的小菜鸟，依然不知道事件委托到底是个啥，想想惭愧，特意在Vue3这个专栏中间插了这个。既然谈到了事件委托，就不能不提冒泡，那什么是事件冒泡呢？小编特意在网上找了这样一 阅读全文
posted @ 2021-09-01 18:54
技术小王
阅读(66)
评论(0)
推荐(0)
摘要：
今天小编继续和大家一起研究Vue，今天要一起探讨的是生命周期函数，在小编的理解中，生命周期就是在一定时间自动执行的函数，就类似原生js中的window.onload。小编先拷贝一张来自Vue官方文档中的一张图 其实在这张图中，已经完整的说明了Vue中每个生命周期中的函数的执行时间，但是小编还是要用代 阅读全文
posted @ 2021-08-27 18:39
技术小王
阅读(139)
评论(0)
推荐(0)
摘要：
上一篇文章小编用Vue的语法编写了一个简单的todoList，实现的逻辑比较简单，但是在实际项目中，会涉及到一些比较复杂的逻辑，比如在item中添加各种各样的标签，再加上甲方爸爸提出各种各样的需求，最后可能把我们搞到崩溃。所以引入了在组件化的概念。在组件化之前，小编先跟大家补充一些基础知识。一、数据 阅读全文
posted @ 2021-08-26 20:37
技术小王
阅读(251)
评论(0)
推荐(0)
摘要：
今天小编和大家一起在Vue的路上探索，要实现的功能是这样的。现将默认 数组内的渲染到页面上，然后点击按钮之后，将文本框内的数据添加到列表上，效果如下 源码是这样的，下面我就结合代码中的注释来说明一下核心的代码 Vue.createApp({ data(){ return { list:['item1 阅读全文
posted @ 2021-08-25 16:49
技术小王
阅读(913)
评论(0)
推荐(0)
浙公网安备 33010602011771号