一、Vue简介
Vue是一套用于构建用户界面的渐进式框架。 与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
Vue是以组件形式呈现在在页面上的，主要的形式是由一个主组件APP来统领其他组件，而其他的子组件也可以有其子组件，是一种组件嵌套的模式
二、搭建 vue 环境
1、全局安装脚手架 vue-cli
在命令行输入：
npm install vue-cli -g （vue-lcli2)
npm install -g @vue/cli (vue-cli3）
2、检查是否安装成功：输入以下代码检查版本：
vue--version 输出版本号说明安装成功
3、之后再命令行运行： vue create+项目名
三、项目内容
1-创建一个简单的列表项目之后需要做的就是创建好各个组件。我所做的列表大概分为导航栏模块，任务栏模块以及，是否完成栏模块，而任务栏组件中也就是MyList有其MyItem组件，因为任务栏MyList里是各个不同的任务Myitem。
先在App.vue中正常引入各个组件MyFooter，MyHeader，MyList。
注意：最好用驼峰命名法，不然软件可能会报错，导致无法运行。
<script>
import MyFooter from './components/MyFooter.vue';
import MyHeader from './components/MyHeader.vue';
import MyList from './components/MyList.vue';
export default {
name:'App',
components:{MyFooter,MyHeader,MyList}
}
</script>
之后在MyLit组件中引入Myitem组件
<script>
import MyItem from './MyItem'
export default{
name:'MyList',
components:{MyItem},
</script>
