Vue创建项目·

2020-07-27  本文已影响0人  Ancestor楠

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

上一篇下一篇

猜你喜欢

热点阅读