摘要：
v-if 适用于切换 eg:组件之间的切换 两个子组件 父组件 app.vue 子组件 first.vue 子组件second.vue 父组件中： <template> <button @click="isResourceFirst = !isResourceFirst ">切换</button> 阅读全文
摘要：
计算有多少条数据，并显示数据的个数（有两种方法，一种是函数的写法，一种是属性的计算使用computed） <template> 函数的写法 ：{{getResourceListLength()}} 计算属性的写法：{{getResourceListLength}} </template> <scri 阅读全文
摘要：
在vue3中数据进行调用的时候，我们需要进行数据的一些操作 子级 ResourceList.vue 父级 ResourceHome.vue 父级 ResourceHome.vue中 <template> <ResourceList :resourceChild="resource"></Resour 阅读全文
摘要：
在vue3中和vue2中数据会有所不一样，不一样的地方在于数据的写法和变化 在vue3中数据的变化是需要用到reactive的 在父级中引入 inport{ toRefs, reactive} from "vue 数据： set(){ const data=reactive({ resource:[ 阅读全文
摘要：
在vue中使用组件的引用方式 比如需要用到bootstrap组件，可以使用 1.外联的方式，引入到文件中，放在public文件夹下的index.html文件中通过link的方式引入 2.通过命令下载引入 npm install bootstrap@4.5.2 --save 2.1下载过后则需要在ap 阅读全文
摘要：
在vue中可以通过事件的注册，在一个组件中点击，之后在另外一个组件中通过相对应的绑定，是另外一个组件页面的值进行改变 在vue使用事件注册的函数是emit eg： app.vue <template> <contations @onIncrement="increment"/> </template 阅读全文
摘要：
vue通过属性来传值，其实很简单，主要就是把传入的对象的key和value分清楚就可以了，比如被传对象 :list = listUl,在这个属性中，list是要传出的，而listUl就是你定义的数据，同时在接收的时候也是同样，使用props来就收即可，在html中写入即可完成通过属性的方式来传值 e 阅读全文