摘要：
VUE3动态的改变样式的方式 <button :class=" `btn btn-sm ${toggleBtn}` ">{{!isDisabled :"更新":"详情"}}</button> <script> import(ref,computed) from "vue" export defaul 阅读全文
posted @ 2020-11-15 16:40
一封未寄出的信
阅读(3853)
评论(0)
推荐(0)
摘要：
v-if 适用于切换 eg:组件之间的切换 两个子组件 父组件 app.vue 子组件 first.vue 子组件second.vue 父组件中： <template> <button @click="isResourceFirst = !isResourceFirst ">切换</button> 阅读全文
posted @ 2020-11-14 20:47
一封未寄出的信
阅读(3261)
评论(0)
推荐(0)
摘要：
计算有多少条数据，并显示数据的个数（有两种方法，一种是函数的写法，一种是属性的计算使用computed） <template> 函数的写法 ：{{getResourceListLength()}} 计算属性的写法：{{getResourceListLength}} </template> <scri 阅读全文
posted @ 2020-11-14 20:16
一封未寄出的信
阅读(1182)
评论(0)
推荐(0)
摘要：
在vue3中数据进行调用的时候，我们需要进行数据的一些操作 子级 ResourceList.vue 父级 ResourceHome.vue 父级 ResourceHome.vue中 <template> <ResourceList :resourceChild="resource"></Resour 阅读全文
posted @ 2020-11-14 19:48
一封未寄出的信
阅读(621)
评论(0)
推荐(0)
摘要：
在vue3中和vue2中数据会有所不一样，不一样的地方在于数据的写法和变化 在vue3中数据的变化是需要用到reactive的 在父级中引入 inport{ toRefs, reactive} from "vue 数据： set(){ const data=reactive({ resource:[ 阅读全文
posted @ 2020-11-14 19:25
一封未寄出的信
阅读(1456)
评论(1)
推荐(0)
摘要：
在vue中使用组件的引用方式 比如需要用到bootstrap组件，可以使用 1.外联的方式，引入到文件中，放在public文件夹下的index.html文件中通过link的方式引入 2.通过命令下载引入 npm install bootstrap@4.5.2 --save 2.1下载过后则需要在ap 阅读全文
posted @ 2020-11-14 18:06
一封未寄出的信
阅读(307)
评论(0)
推荐(0)
摘要：
在vue中可以通过事件的注册，在一个组件中点击，之后在另外一个组件中通过相对应的绑定，是另外一个组件页面的值进行改变 在vue使用事件注册的函数是emit eg： app.vue <template> <contations @onIncrement="increment"/> </template 阅读全文
posted @ 2020-11-14 17:18
一封未寄出的信
阅读(2535)
评论(0)
推荐(0)
摘要：
vue通过属性来传值，其实很简单，主要就是把传入的对象的key和value分清楚就可以了，比如被传对象 :list = listUl,在这个属性中，list是要传出的，而listUl就是你定义的数据，同时在接收的时候也是同样，使用props来就收即可，在html中写入即可完成通过属性的方式来传值 e 阅读全文
posted @ 2020-11-14 15:38
一封未寄出的信
阅读(731)
评论(0)
推荐(0)
摘要：
组件的调用就是封装一个自己想要调用的组件，比如一个文本框，一个电话发送验证码之类的 当你在别的地方需要使用到这些组件的时候，你可以拿过来直接的使用 eg: 封装的组件代码（被调用）：inputGroup.vue 需要调用的组件：reg.vue 使用方法： 1.在需要调用的组件中插入（引入）被调用的组 阅读全文
posted @ 2020-11-13 15:47
一封未寄出的信
阅读(455)
评论(0)
推荐(0)
摘要：
之前有提到过当创建一个vue结尾的文件的时候，则需要在router文件夹下的index页面进行添加对应的路径，这个是没有错的，但是当你进行按需加载的时候，就不在需要使用import来添加对应的路径了（此处的路径可以省略），放入页面中的 const router = new VueRouter中写入， 阅读全文
posted @ 2020-11-12 19:20
一封未寄出的信
阅读(151)
评论(0)
推荐(0)
浙公网安备 33010602011771号