当前位置: 首页 > 后端技术 > Node.js

vue-初试水(一)

时间:2023-04-03 20:37:18 Node.js

1.Vue的安装1、Vue可以通过npm下载生成项目。这里先安装nodejs。这里的关系是npm是nodejs的小弟,所以这里依赖nodejsnpminstallvuenpminstallvue-cli--vuescaffoldingnpminstall--globalwebpack--packagethenewprojectvueinitwebpacka-projectrun项目npmrundevrun执行dev中的配置构建运行,这里会在本地占用一个端口,直接访问这个url进入vue,直接保存对vue项目的任何操作,会直接体现在这个下面url,并且可以调试,修改vue启动端口的端口号:2、vue路由配置说路由之前,可以先说说vue的引入包。vue导入包后,需要做一个应用声明。这里是在route下创建一个Js文件。这是实际要导入的页面的路径,也就是这里的路由。概念是页面前的跳转调用:引用路由链接在对应的主App.vue下进行。以此为例,本节参考刚才路由中的配置。当然,文件页面index.vue必须同时存在。首页package.json中对应的serve是npmnpmrunserve启动的路径: