在Vue.js中，可以通过直接引入页面的方式来使用组件。这种方式可以避免使用路由或组件嵌套等方式，让代码更加简洁且易于维护。

//引入组件
import MyComponent from "./MyComponent.vue";

//创建Vue实例并挂载组件
new Vue({
  el: "#app",
  components: {
    MyComponent
  },
  template: ""
});

以上代码中，我们通过import语句将MyComponent.vue文件引入，并在Vue实例的components选项中注册组件。然后，我们在template中直接使用组件标签来挂载组件。最后，我们在el选项中指定Vue实例将要挂载到哪个DOM元素上。

需要注意的是，直接引入组件时需要使用.vue文件，并且需要进行一些配置才能使浏览器正确识别文件。在webpack中，我们可以使用vue-loader来处理.vue文件，并将其转换成JS模块。我们还需要在webpack配置文件中添加如下代码：

//webpack.config.js
module.exports = {
  //...
  resolve: {
    extensions: ['.js', '.vue', '.json'], //必须添加.vue扩展名
    alias: {
      'vue$': 'vue/dist/vue.esm.js' //Vue.js官方的ESM文件，支持template选项
    }
  },
  //...
  module: {
    rules: [
      //...
      {
        test: /\.vue$/,
        loader: 'vue-loader'
      }
    ]
  }
};

以上代码中，我们在resolve.extensions选项中添加了.vue扩展名，并在resolve.alias选项中指定了Vue.js的ESM文件路径。在module.rules选项中使用vue-loader来处理.vue文件。