vue 路由写法

这篇博客记录了作者学习Vue路由的过程,强调了做笔记的重要性。文章介绍了如何新建项目,通过npm初始化并安装vue和vue-router,以及css-loader和style-loader。接着,讨论了模块化写法与传统写法的区别,并展示了路由列表的写法,包括多个视图的处理和嵌套路由的实现。最后提到,虽然示例基于Vue1.x,但实际应用中更推荐使用Vue2.x的写法。
摘要由CSDN通过智能技术生成

每一次学习,虽然学习的进度非常慢,但是要多做笔记,做多了,自然就掌握的多一点!

有一个痕迹,回头复习的时候,你会很开心,因为是你自己写的,及时很烂,但是都没有任何关系,坚持就好!

 

好,我们开始!

1, 新建一个目录: 

 

1, npm init -y 

这个时候:

为啥用webpack 打包写,因为可以采用es6 的模块化写!

2, npm i vue vue-router css-loader style-loader -D

3, webpack.config.js 

var path = require('path'); 

module.exports = {

	mode:"development",
	// entry: {
	//     app: './src/action.js',
	//     vendors: './src/action2
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值