我的理解
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肯定有更加强大的作用,作为初学者目前先理解到这。
暂无评论内容