改bug
- 更改了配置项啥的,保存刷新发现没变,那就重启项目!!!!
binding.value 和 e.target.value
binding.value
Day5 指令的值
e.target.value
Day4 表单组件封装
binding.value
和 e.target.value
是两个不同的概念,它们通常出现在不同的上下文中。
-
binding.value
:binding
是一个 Vue 自定义指令的上下文对象,用于在自定义指令中获取传递给指令的值。value
是binding
对象的一个属性,它包含了传递给自定义指令的值。- 通常,
binding.value
用于在自定义指令中访问指令的参数值。
以下是一个简单的自定义指令示例:
<template> <div v-my-directive="directiveValue"></div> </template> <script> export default { data() { return { directiveValue: 'Hello from directive' }; }, directives: { 'my-directive': { bind(el, binding) { // 使用 binding.value 获取指令的值 console.log(binding.value); // 输出: "Hello from directive" }, }, }, }; </script>
-
e.target.value
:e
是一个事件对象,通常在事件处理函数中作为参数传递。e.target
是事件的目标元素,它表示触发事件的DOM元素。e.target.value
是用于获取表单元素的值,比如输入框(input)的值,通常用于处理用户输入的数据。
以下是一个处理输入框值变化的事件处理函数示例:
<template> <input type="text" @input="handleInputChange" /> </template> <script> export default { methods: { handleInputChange(e) { // 使用 e.target.value 获取输入框的值 console.log(e.target.value); // 输出: 输入框的当前值 }, }, }; </script>
总结:
binding.value
通常用于自定义指令中,用于获取指令的参数值。e.target.value
通常用于事件处理函数中,用于获取用户输入元素(如输入框)的值。