新建一个单文件组件Msg.vue，采用“数据绑定”的方法，实现在页面输出自己的座右铭。

在Vue.js中，你可以创建一个名为`Msg.vue`的单文件组件（Single File Component, SFC），来展示一个动态的座右铭。首先，确保已经安装了Vue CLI并配置好了项目。以下是创建这样一个组件的基本步骤：

<!-- Msg.vue -->
<template>
  <div>
    <!-- 使用 v-bind 或者 {{ }} 进行数据绑定 -->
    <p>{{ motto }}</p>
  </div>
</template>

<script>
export default {
  // 定义组件的数据属性
  data() {
    return {
      motto: "此处输入你的座右铭", // 可以在这里设置默认值
    };
  },
};
</script>

<style>
/* 如果有需要，可以添加样式 */
</style>

在这个组件中，`motto`是一个数据属性，它的值会在模板中通过双花括号 `{{ }}` 显示出来。当你在其他地方实例化这个`Msg.vue`组件，并传递实际的座右铭作为 prop（如果需要），或者直接修改组件内的`motto`值，它会实时更新到页面上。

如果你要在父组件中使用这个组件，例如 App.vue 或者某个其他地方，只需像下面这样导入并使用：

<!-- 在另一个组件里引用 Msg.vue -->
<template>
  <div>
    <msg-motto :motto="yourCustomMotto" /> <!-- 传递自定义座右铭 -->
  </div>
</template>

<script>
import Msg from '@/components/Msg.vue'; // 如果Msg.vue在src/components目录下

export default {
  components: { Msg },
  data() {
    return {
      yourCustomMotto: '这是你的座右铭', // 或者省略此行，使用组件默认值
    };
  },
};
</script>