遇酒的博客

1.安装node.js(自带npm) 2.安装vue-cli--vue脚手架 3.安装模板：有三种1）simple 最简单的模板只有一个index.html(基本没什么用）                               2）webpack 适合比较大型的项目，有语法检测                               3）webpack-simple  我就安装这

1、先安装路由 npm install vue-router --save 2、配置main.js文件 先引用，然后使用vue-router import VueRouter from 'vue-router'Vue.use(VueRouter); 3、配置路由 const routes=[ {path:'/home',component:Home}, {pat

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>

网址：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">

之前的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模板,去掉了