![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
遇酒
前端
展开
-
vue2.x vue-cli webpack 初探
1.安装node.js(自带npm)2.安装vue-cli--vue脚手架3.安装模板:有三种1)simple 最简单的模板只有一个index.html(基本没什么用) 2)webpack 适合比较大型的项目,有语法检测 3)webpack-simple 我就安装这原创 2017-04-18 11:40:13 · 304 阅读 · 0 评论 -
vue-2.x webpack 安装vue-router 配置路由
1、先安装路由npm install vue-router --save2、配置main.js文件先引用,然后使用vue-routerimport VueRouter from 'vue-router'Vue.use(VueRouter);3、配置路由const routes=[ {path:'/home',component:Home}, {pat原创 2017-04-21 23:45:16 · 558 阅读 · 0 评论 -
vue.js中使用mint-ui框架
1.安装vue2.0的mint-ui框架npm install mint-ui -save 2.引用和使用框架,我用的是全部组件,也可以按需选择加载相应的组件,不过要使用babel-plugin-componentimport Mint from 'mint-ui'; Vue.use(Mint);3.创建一个header.vue组件,里面写入mint-ui的头部组件<template>原创 2017-05-12 15:03:07 · 846 阅读 · 0 评论 -
MINT-UI+阿里ICONFONT应用
网址:http://www.iconfont.cn 1.选中喜爱的icon下载 有SVG AI PNG下载2.配置组件tabbar.vue 中文的命名是测试用的,后面需要改<template> <mt-tabbar id="tabbar"> <mt-tab-item @click="ff" id="首页" v-model="selected">原创 2017-05-12 23:43:00 · 667 阅读 · 0 评论 -
wenda1.1 使用vue-cli webpack
之前的wenda1.0使用了vue-cli的webpack-simple模板 成功引入了router,MINT-UI,less,ICONFONT,vue-components 但是继续深入下去发现不能满足开发,所以重新开始使用vue-cli的webpack模板 环境:node.js,npm 1.安装 vue-clinpm install vue-cli -g2.安装webpack模板,去掉了原创 2017-05-14 14:37:51 · 247 阅读 · 0 评论