2018.11.8 晚上 vue-cli脚手架工具的使用

最经常的使用的是利用mui做底部的导航栏 利用mint-ui可以制作轮播图,头部标签等

  这里要注意的是:mint-ui一定要记得导入样式  在写轮播图的时候高度一定要记得写出来 默认是没有高度的

    mui:要把相应的lib包复制到相应的路径下

//导入mint-ui 这个是按需导入mint-ui
import { Header,Swipe, SwipeItem } from 'mint-ui';
import "mint-ui/lib/style.css"  //引入文件的样式 可以设置轮播图的样式为横向的 轮播图记得写高
Vue.component(Header.name, Header);
Vue.component(Swipe.name, Swipe); //轮播图
Vue.component(SwipeItem.name, SwipeItem);



//进行导入miui  记得把 lib复制到目录中去
import './lib/MUI/css/mui.css'
import './lib/MUI/css/icons-extra.css'

assets放的是图片类的资源

components放的是一些小的组件

App.vue放的是项目中放的是项目最原始的页面

以 .vue结尾的称为单文件组件

路由就是根据网址的不同返回不同的内容给用户 router-view显示的是当前路由地址对应的内容

@表示src这个目录

2018.11.8 晚上 vue-cli脚手架工具的使用_第1张图片

在一个组建当中要申明对一个子组件的引用的时候:

  1.首先要进行导入

  2.然后在进行注册到页面中去

  3.然后在template里面进行展示



                    
                    

你可能感兴趣的:(vue.js)