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
网友评论