vue整合SSM项目实战

1.vue

1.1 MVVM结构

通过视图层和模型层进行绑定。

1.2 插值表达式用法

在模型层中定义好后，通过{{username}} 方式来进行实现，实时绑定。

1.3 vue常用指令

 1.4 vue注意事项

在Vue.js中，`mounted`是一个生命周期钩子函数，用于在Vue实例被挂载到DOM后执行代码。具体来说，当Vue实例的template编译完成，并将其生成的DOM元素挂载到页面上后，`mounted`方法将被调用。

在`mounted`钩子函数中，你可以执行一些需要在DOM渲染完成后进行的操作，例如发送网络请求、操作DOM元素、初始化第三方插件等。因为此时，Vue实例已经完全初始化并且可以访问DOM元素。在Vue组件中，你可以通过在组件的`methods`对象中定义`mounted`方法来使用`mounted`生命周期钩子函数。例如：

<template>
  <div>
    <!-- 组件的内容 -->
  </div>
</template>

<script>
  export default {
    mounted() {
      // 在组件挂载完成后执行的代码
      console.log('组件已挂载到DOM');
      // 发送网络请求、操作DOM元素等操作
    },
    // 其他 Vue 组件选项
  }
</script>
```

需要注意的是，`mounted`钩子函数只会在Vue实例第一次挂载到DOM后调用一次。如果你需要在组件更新后执行一些代码，可以使用`updated`生命周期钩子函数。