- 博客(21)
- 收藏
- 关注
原创 vue3定义全局组件
首先要定义全局组件要先知道自定义组件的概念,首先在components组件中建一个index.ts的文件。第三步就是在自定义插件的这个ts文件中引入项目中全部的全局组件并const一个全局对象并且对外暴露。然后在入口文件main.js中引入并安装这个自定义插件。
2023-07-25 06:24:07
396
转载 今天这篇文章,让你彻底学会props属性
首先,我们先定义一个person组件,用于显示个人信息的组件,我们放了一个人的姓名,性别,以及年龄,定义好这个组件之后,就可以等待其他组件进行调用。组件中name、sex、age都是一个prop,将三个属性放到一起,就是props,这就是props的由来,是prop的复数形式,代表多个prop属性的集合。结果,控制台同样报错,提示,name是必传属性。注意:props是只读的,vue底层会检测你对props的修改,如果进行了修改,控制台会报错,必须修改,就复制一份到data中,通过data去修改数据。
2023-05-02 08:29:24
1430
原创 总结收集表单数据
可以使用这个v-model实现这个数据的绑定,但是在有些输入框中,还需要一些其他的指令搭配这个v-model指令结合使用。 1.1.1,type类型的输入框这种方式的输入框,是可以直接通过这个v-model获取到值的。因为v-model默认就是收集输入框的value值 1.1.2,radio类型的单选框和上面的type类型不一样,因为上面的text类型有输入的value,而这种类型的数据没有输入值,只有单选值,因此需要在这个标签内部加上这个value值,这样才能获取到选择的值。 1.1.3,checkbox
2023-04-29 08:29:48
344
原创 通过javascript方法sort()来实现列表的升降序
sort() 方法用于对数组的元素进行排序。排序顺序可以是字母或数字,并按升序或降序。默认排序顺序为按字母升序。当数字是按字母顺序排列时"40"将排在"5"前面。使用数字排序,你必须通过一个函数作为参数来调用。函数指定数字是按照升序还是降序排列。这些说起来可能很难理解,你可以通过本页底部实例进一步了解它。这种方法会改变原始数组具体使用方法在下图arr.sort 如果是升序就是第一个参数减去第二个参数降序反之 详情见后图。
2023-04-26 07:17:43
273
原创 vue之watch监听与计算属性小解以及它们之间的区别
监听属性watch:1.当被监视的属性发生变化时 回调函数自动调用 进行相关操作(回调函数就是截图中的handler2.监视的属性必须存在 才能对其进行监视3.handler的两个参数 一个是旧的值 一个是更改后的值4.immediate属性为true是初始化时就调用一下handler 默认为false。
2023-04-23 05:57:10
241
原创 浅聊object.defineproperty方法
1.configurable:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性,默认值为false。2.enumerable:表示能否通过for in循环访问属性,默认值为false。这个方法是vue数据双向绑定原理的常见面试题 接下来简单描述一下它的几个方法。2..set:在写入属性的时候调用的函数,默认值是undefined。3.writable:表示能否修改属性的值。1.get:在读取属性时调用的函数,默认值是undefined。
2023-04-21 06:37:54
79
转载 vue运行内部代码语法报错
Vue中报error Component name ‘login‘ should always be multi-word vue/multi-word-comp错误信息
2022-12-05 00:23:08
943
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人