用vue写react怎么写页面跳转_01——vue是什么

d8985d7c3777c52f21a7fe62a5bfaced.png (图片来源网络)

我的理解

vue是一个js的框架,这样说好像并不准确,因为它不止对js做出了改变,并且对前端开发的模式做了改变,vue是一个优化前端开发的框架,当然,最主要的还是对js的封装,所以说他是一个js框架。 使用vue开发,静态页面还是按照原来那样写,但一般都是ui组件库,js方面遵循vue框架的语法规则,使用它提供的东西,加上js基础语法来开发。 使用脚手架创建出vue项目文件夹,新建页面组件,使用路由切换各个页面,然后剩下的就是和以前一样写页面(UI组件库的导入),使用axios请求数据,使用各种指令渲染数据到页面,使用vuex实现页面间传值,最后使用webpack打包上线。    官方介绍: Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链 以及各种 支持类库 结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 渐进式: 声明式渲染(指令) ---- 组件化(单页面) ----- 路由(组件跳转)-----脚手架(创建项目文件夹) ------ vuex(数据共享)  框架和库的区别: 是针对一个功能而实现的技术,作用范围小,具有针对性,库可以随时换。 例如:swiper轮播库,图片懒加载库等... 框架 是一整套完整的解决方案,不能随便更换,一旦更换,整个项目就要推到重来 假如用了vue框架,整个项目就得遵循vue的语法和规则来进行开发,不能有其他框架的东西,其他的vue不认识,就报错。 例如:vue,react.. vue实际项目中做了哪些改变和优化(个人理解): 1. vue提供了项目文件的默认文件夹,内置了很多的包,这些包解决了一些常见问题,例如es678高版本的代码兼容(babel包),项目打包的配置... 2. 在开发的时候,项目组件化开发,一个功能或者一个页面就是一个组件,最后这些组件哪里使用就在哪里导入,实现了组件复用。并且组件化开发,使得每一个页面都是独立存在的,不存在全局变量污染,没有了css样式覆盖的问题。 3. 页面跳转使用路由router,代替原本的a标签,以及动态路由实现传参,路由懒加载提高性能,导航守卫等... 4. 提供vuex状态管理,实现组件(页面)之间的数据共享,也就是页面间传值。 5. 提倡使用axios这个请求库来请求数据,渲染数据方面提供了很多的指令,例如 v-for  v-if   v-bind 等... 指令很多,后面单独拿出来记录,应在插值表达式之后记录指令。 6. 开发中,除了组件可以任意导入使用,js文件也可以任意导入使用,例如把某个页面用到的所有的请求都放在一个js文件里面,这个js文件里面写了很多个请求,一个请求就是一个函数,在用到这个请求的页面中按需导入这个js文件,然后就可以直接调用他里面的某个请求函数发起请求了。 这个很常用,例如路由就是这样用的,路由就是一个单独的js文件。还有vuex也是一个单独的js文件 store.js。 以上均是个人见解,vue肯定有更加强大的作用,作为初学者目前先理解到这。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值