Vue开发小注意点

改bug

1. 更改了配置项啥的，保存刷新发现没变，那就重启项目！！！！

binding.value 和 e.target.value

binding.value

Day5 指令的值

e.target.value

Day4 表单组件封装

binding.value 和 e.target.value 是两个不同的概念，它们通常出现在不同的上下文中。

1. 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>
   

2. 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 通常用于事件处理函数中，用于获取用户输入元素（如输入框）的值。

持久化存储

Day2

返回

Day6 面经
1.$router.back()

2.@click-left="$router.go(-1)"
Day8 智慧商城 views / search / index.vue

$router.back()和$router.go(-1)是一个作用吗，可以替换使用吗

是的，$router.back() 和 $router.go(-1) 在某些情况下具有相同的作用，并且可以互相替换使用。

• $router.back()：这是Vue Router提供的一个方法，用于返回到上一个历史记录。它会导航到浏览器历史记录中的上一个页面，类似于浏览器的后退按钮。如果没有上一个历史记录，则可能会导航到其他页面，例如首页。

• $router.go(-1)：这也是Vue Router提供的方法，用于在历史记录中向后导航。它接受一个整数参数，表示要向后导航的步数。$router.go(-1) 表示向后导航一步，即返回到上一个历史记录。

因此，在大多数情况下，$router.back() 和 $router.go(-1) 可以互相替换使用，都可以用于返回到上一个历史记录。你可以根据个人喜好和具体情况选择使用哪种方式。

需要注意的是，如果你在使用Vue Router时遇到问题，例如无法正确返回或导航到预期的页面，可能是由于路由配置或其他因素引起的。在这种情况下，你可能需要仔细检查路由配置和代码逻辑，以确保正确实现所需的导航行为。