一篇文章带你搞懂VUE基础知识

2022-04-15 0 919
目录
  • VUE是什么
  • Vue中的核心插件  
    • VueRouter
    • Vuex
    • axios
    • element-ui
  • Vue前端整体架构 
    • 总结

      VUE是什么

      Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

      Vue使用了双向数据绑定,即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。这就是Vue的精髓所在,如下图所示

      一篇文章带你搞懂VUE基础知识

      Vue中的核心插件  

      Vue Router

      Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:

      • 嵌套的路由/视图表
      • 模块化的、基于组件的路由配置
      • 路由参数、查询、通配符
      • 基于 Vue.js 过渡系统的视图过渡效果
      • 细粒度的导航控制
      • 带有自动激活的 CSS class 的链接
      • HTML5 历史模式或 hash 模式,在 IE9 中自动降级
      • 自定义的滚动条行为 Vuex

      Vuex

      是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

      axios

      axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征:

      • 从浏览器中创建 XMLHttpRequest
      • 从 node.js 发出 http 请求
      • 支持 Promise API
      • 拦截请求和响应
      • 转换请求和响应数据
      • 取消请求
      • 自动转换JSON数据
      • 客户端支持防止 CSRF/XSRF

      element-ui

      element-ui是一款由饿了么前端团队开发的vue框架组件,里面集成了很多样式组件和功能组件,是一个非常好的框架。

      Vue前端整体架构 

      一篇文章带你搞懂VUE基础知识

      总结

      本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注NICE源码的更多内容!

      免责声明:
      1、本网站所有发布的源码、软件和资料均为收集各大资源网站整理而来;仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 不得使用于非法商业用途,不得违反国家法律。否则后果自负!

      2、本站信息来自网络,版权争议与本站无关。一切关于该资源商业行为与www.niceym.com无关。
      如果您喜欢该程序,请支持正版源码、软件,购买注册,得到更好的正版服务。
      如有侵犯你版权的,请邮件与我们联系处理(邮箱:skknet@qq.com),本站将立即改正。

      NICE源码网 JavaScript 一篇文章带你搞懂VUE基础知识 https://www.niceym.com/18984.html