vue.js项目基础介绍

vue.js是什么:

它是一个渐进式开发框架,所谓渐进式就是可以一步一步的有阶段的使用,不需要一下使用全部的内容。
相比jQuery,它更适合需要改动数据的开发(便于响应),我们只需要关注数据的改变,视图会相应的跟着改变。适合组件式的开发。
有组件开发可以实现组件的复用,工程量大的项目也便于修改。

如何实现有组件的开发

简单概括就是在目录components下面建立小组件,然后在父组件进行引用

目录介绍

  • router.js:存放路由。路由的介绍很复杂,我自己认为有时候把它当成路径看会比较容易理解 但是实际比这个复杂的多
  • App.vue 很重要的组件根

具体实现步骤 开始一个vue组件

在component创建组件
1.配置路由:在router.js中增加路由import引入,配置下方routes的path和component。{path:'原路径',component:}
2.引入组件标签。在APP.vue中增加<xxx-view></xxx-view>.表示引入了子组件

多页面项目 设置项目首页

同routes的内容增加格式{path:'原路径',redirect:'目标路径'},意思就是如果到了源路径就转到目标路径,源路径一般设置为’/’.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值