vue3定义全局组件 首先要定义全局组件要先知道自定义组件的概念,首先在components组件中建一个index.ts的文件。第三步就是在自定义插件的这个ts文件中引入项目中全部的全局组件并const一个全局对象并且对外暴露。然后在入口文件main.js中引入并安装这个自定义插件。
今天这篇文章,让你彻底学会props属性 首先,我们先定义一个person组件,用于显示个人信息的组件,我们放了一个人的姓名,性别,以及年龄,定义好这个组件之后,就可以等待其他组件进行调用。组件中name、sex、age都是一个prop,将三个属性放到一起,就是props,这就是props的由来,是prop的复数形式,代表多个prop属性的集合。结果,控制台同样报错,提示,name是必传属性。注意:props是只读的,vue底层会检测你对props的修改,如果进行了修改,控制台会报错,必须修改,就复制一份到data中,通过data去修改数据。
总结收集表单数据 可以使用这个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
通过javascript方法sort()来实现列表的升降序 sort() 方法用于对数组的元素进行排序。排序顺序可以是字母或数字,并按升序或降序。默认排序顺序为按字母升序。当数字是按字母顺序排列时"40"将排在"5"前面。使用数字排序,你必须通过一个函数作为参数来调用。函数指定数字是按照升序还是降序排列。这些说起来可能很难理解,你可以通过本页底部实例进一步了解它。这种方法会改变原始数组具体使用方法在下图arr.sort 如果是升序就是第一个参数减去第二个参数降序反之 详情见后图。
vue之watch监听与计算属性小解以及它们之间的区别 监听属性watch:1.当被监视的属性发生变化时 回调函数自动调用 进行相关操作(回调函数就是截图中的handler2.监视的属性必须存在 才能对其进行监视3.handler的两个参数 一个是旧的值 一个是更改后的值4.immediate属性为true是初始化时就调用一下handler 默认为false。
浅聊object.defineproperty方法 1.configurable:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性,默认值为false。2.enumerable:表示能否通过for in循环访问属性,默认值为false。这个方法是vue数据双向绑定原理的常见面试题 接下来简单描述一下它的几个方法。2..set:在写入属性的时候调用的函数,默认值是undefined。3.writable:表示能否修改属性的值。1.get:在读取属性时调用的函数,默认值是undefined。