1.首先创建vue必须先安装node.js,安装vue-cli手脚架
2.创建项目 vue init webpack vuedemo (vuedemo是你的项目名称)
3.插入必须的插件 npm install
4.用brackets打开项目vuedemo
5.在目录components编写框架 layout.vue
<template>
<div>
<div class="app-head">
<div class="app-head-inner">
<img src="../assets/logo.png">
<div class="head-nav">
<ul class="nav-list">
<li> username</li>
<li class="nav-pile">|</li>
<li>退出</li>
<li>登录</li>
<li class="nav-pile">|</li>
<li>注册</li>
<li class="nav-pile">|</li>
<li>关于</li>
</ul>
</div>
</div>
</div>
<div class="container">content</div>
<div class="app-foot">
<p>© 2016 fishenal MIT</p>
</div>
</div>
</template>
<script>
export default {
name: 'layout',
data() {
return {