标签：Vue Dom 090 绑定 虚拟 开发 组件 小结

• 核心 : 数据驱动 , 组件化
• 优点 : 借鉴了 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/

标签：Vue,Dom,090,绑定,虚拟,开发,组件,小结
来源： https://www.cnblogs.com/wl3pb/p/15579852.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。