vue入门1----Vue基本使用

一、Vue插件介绍

1.定义:

    vue是渐进式开发框架,即如果有现成的服务端应用,可以将vue作为该应用的一部分嵌入其中,可先用核心的库,若有特殊需求,再加入特定的插件,这样会有更加丰富的交互体验。

2.vue的特点:
  • MVVM模式;
  • 编码简洁,体积小,效率高;
  • 只关注视图层(UI),轻松引入vue插件和其他第三方开发项目;
  • 作用:可动态构建用户界面,(构建指将后台数据动态展示在前端界面)
  • 声明式编程
3.vue与其他插件的区别:
  • 借鉴angular的模板和数据绑定技术
  • 借鉴react的组件化和虚拟DOM技术

*详细的暂不写,学完react、node、angular之后进行总结

4.vue扩展插件:
  • vue-cli : (vue脚手架 )
  • vue-resource/axios : (ajax请求)
  • vue-router : (vue 路由)
  • vuex : (状态管理)
  • vue-lazyload : (图片懒加载)
  • vue-scroller : (页面滑动相关)
  • element-ui : (基于vue的UI组件库 pc端)
  • mint-ui : (基于vue的UI组件库 移动端 )
5.vue开发常用工具:
  • 调试工具:vue-devtools 下载地址:https://github.com/vuejs/vue-devtools
    安装方法参考:https://blog.csdn.net/zgrkaka/article/details/54614212

二、Vue基本使用

2.1.1 输入框变化时,下方文本同步更改


Hello,{{ message }}

mvvm模式图

参考:vue.js官网:https://cn.vuejs.org/

你可能感兴趣的:(vue入门1----Vue基本使用)