Vue创建项目·

Vue创建项目

网址：https://www.jianshu.com/p/75258845c492

1、前一个步骤完成之后，再进行后续步骤

2、cnpm install安装依赖node_modules，如果启动失败，删掉此目录，再重新执行cnpm install

3、不同版本的脚手架，创建出的项目结构目录不同

Vue创建项目需要安装的插件：

Axios：

cnpm install axios --save

路由：

cnpm install vue-router --save

Vuex：

cnpm install --save vuex

省市区三级下拉级联插件：

cnpm install v-distpicker --save

轮播图：

cnpm install swiper vue-awesome-swiper --save  

日期选择插件：

cnpm install vue-date --save

ctrl+s重新编译

http://localhost:8080/#/app/home/

关于Vue的相关知识点

比较v-if/v-else与 v-show：

v-if：如果为true,当前标签才会输出到页面

v-else：如果为false,当前标签才会输出到页面

v-show：通过display样式来控制显示或隐藏

如果需要频繁切换使用v-show