vue-cli之组件的简单使用
2017-10-10 11:53
501 查看
进入src目录下的components建立header.vue,
第一步,在App.vue中引入
第二步,在App.vue中注册
第三步,在App.vue中使用
配合路由见另一篇vue-cli搭配router的简单使用
第一步,在App.vue中引入
import header from './components/header/header';
第二步,在App.vue中注册
export default { components: { 'v-header': header } };
第三步,在App.vue中使用
<v-header>头部</v-header>
配合路由见另一篇vue-cli搭配router的简单使用
相关文章推荐
- vue2.0使用动态组件实现tab切换效果(vue-cli)
- vue-cli 组件的使用
- Vue的路由功能(1)简单路由与vue-router的基础使用(同步/异步组件)
- 详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
- Asp.net+Vue2构建简单记账WebApp之三(使用Vue-cli构建vue.js应用)
- vue 2 使用Bus.js进行兄弟(非父子)组件通信 简单案例
- vue组件化挖矿之旅(三):vue-cli 自定义过滤器的使用
- Vue的路由功能(1)简单路由与vue-router的基础使用(同步/异步组件)
- vue 2 使用Bus.js进行兄弟(非父子)组件通信 简单案例
- 详解在vue-cli项目下简单使用mockjs模拟数据
- 在vue-cli的组件模板里使用font-awesome
- vue-cli 组件的导入与使用教程详解
- 详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
- 使用Vue组件实现一个简单弹窗效果
- vue组件简单介绍与使用
- 使用vue-cli搭建vue项目简单教程
- Asp.net+Vue2构建简单记账WebApp之三(使用Vue-cli构建vue.js应用)
- 详解windows下vue-cli及webpack 构建网站(三)使用组件
- Vue的路由功能(1)简单路由与vue-router的基础使用(同步/异步组件)
- vuex在vue-cli和webpack构建的项目中的简单使用