美文网首页
Vue创建项目·

Vue创建项目·

作者: Ancestor楠 | 来源:发表于2020-07-27 19:12 被阅读0次

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

相关文章

网友评论

      本文标题:Vue创建项目·

      本文链接:https://www.haomeiwen.com/subject/tpbclktx.html