Javascript

090_Vue入门小结

本文主要是介绍090_Vue入门小结,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

目录
  • 核心 : 数据驱动 , 组件化
  • 优点 : 借鉴了 AngulaJS 的模块化开发 和 React 的虚拟Dom , 虚拟Dom就是把Dom操作放到内存中执行
  • 常用的属性
  • 组件化
  • 说明

核心 : 数据驱动 , 组件化

优点 : 借鉴了 AngulaJS 的模块化开发 和 React 的虚拟Dom , 虚拟Dom就是把Dom操作放到内存中执行

常用的属性

  • v-if
  • v-else-if
  • v-else
  • v-for
  • v-on 绑定事件 , 简写@
  • v-model 数据双向绑定
  • v-bind 给组件绑定参数,简写 :

组件化

  • 组合组件 slot 插槽
  • 组件内部绑定事件需要使用到 this.$emit("事件名",参数);
  • 计算属性的特色,缓存计算数据

遵循SoC 关注度分离原则,Vue是纯粹的视图框架,并不包含,比如Ajax之类的通信功能,为了解决通信问题,我们需要使用Axios 框架做异步通信

说明

Vue的开发都是要基于NodeJS, 实际开发采用 vue-cli脚手架开发,vue-router 路由,vuex做状态管理; Vue UI,界面我们一般使用 ElementUI(饿了么出品),或者ICE(阿里巴巴出品!)来快速搭建前端项目
官网:
https://element.eleme.cn/#/zh-CN
https://ice.work/

这篇关于090_Vue入门小结的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!