Vue相关问题总结

本文总结了在使用Vue开发CMS后台管理系统时遇到的问题及解决方案,包括Vue的适用场景、安装步骤、常用插件与方法,如vue-router、vue-resource、axios、stylus、vue-cli等,并介绍了如何处理跨域、模拟数据、Vue组件和Vuex的实践,以及解决Vue项目中遇到的坑。
摘要由CSDN通过智能技术生成

近期公司选用Vue实现了一个CMS的后台管理系统,从零基础搭建到项目完成,遇到了不少问题,同时也成长了很多,下面是自己在平时学习使用过程中总结的一些问题。

vue不仅仅是一个模板引擎,它可以构建数据驱动的web界面,而它的一个框架NUXT主要是做服务器渲染的,便于SEO优化。

vue所适用的场景:

1、存在复杂表单的应用;

2、不需要考虑seo的单页应用;

3、内部系统;

4、不需要支持低版本IE浏览器的应用;

5、其他带壳的web应用;

一、安装

1.下载安装node,然后打开cmd,输入npm -v测试,若npm不被写入则更改环境变量path(cmd要调用的path)路径

2.安装Git(GitHub),node,修改path路径

3.安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org

验证通过:cnpm -v

4..安装vue指令(全局安装vue-cli):cnpm install -g vue-cli(npm install vue-cli-g)

验证通过:vue

5.创建一个基于“webpack”模板的新项目(初始化项目):vue init webpack my-project

6.进入package文件:vi package.json

7.安装项目依赖:

cd my-project

npm install

npm run dev(在localhost启动测试服务器)

npm run build(生成上线目录(部署))

8.打包和运行

npm run build npm start

9.NUXT打包:

npm run build

npm run generate

nuxt build:使用webpack构建应用程

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值