Vue-component-lecture-Demo是一个使用Vue.js构建的组件化教学示例。它展示了如何创建和使用Vue组件，以及如何在Vue项目中使用组件。

首先，我们需要安装Vue CLI和Vue Router插件。然后，在项目根目录下运行以下命令：

npm install -g @vue/cli

vue create my-project

cd my-project

vue add router

接下来，我们创建一个名为`components`的文件夹，并在其中创建两个组件：`HelloWorld.vue`和`Counter.vue`。

`HelloWorld.vue`组件将包含一个文本标签，显示“Hello, Vue!”。

`Counter.vue`组件将包含一个计数器，每次点击按钮时，计数器都会增加1。

最后，我们创建一个名为`App.vue`的主组件，它将包含一个导航栏和一个包含这两个组件的侧边栏。

现在，我们可以运行以下命令来启动开发服务器：

npm run serve

打开浏览器并访问`http://localhost:8080`，你将看到一个简单的Vue应用，其中包括一个带有文本标签和计数器的侧边栏。点击侧边栏中的按钮，计数器将递增。测试并且学习vue底层组件的demo