How are component imports different in Vue?

Question

C++ / C#

I don’t know which topic it is better to attribute this question to, maybe it’s still a webpack?

You can import a component into a component in Vue like this:

import Layout from 'layouts/Layout'
export default {
  components: {
    Layout,
  },
}

And it's possible like this:

export default {
  components: {
    Layout: () => import('layouts/Layout')
  },
}

How will these imports differ?
What are the cons/pros?

Answer 1

TextBox1.Click -= TextBox1_Click;
After MessageBox write

Answer 2

Application
private void TextBox1_Click(object sender, System.EventArgs e)
{
MessageBox.Show("text");
}

Answer 3

The import(module) statement loads a module and returns a promise that results in a module object containing all of its exports.
learn.js