当前位置:  首页  >  前端开发  >  JavaScript

三分钟了解Vue框架

本文详细的讲述了Vue框架,vue是渐进式的JavaScript框架,用于动态构建用户界面,编码简洁、体积小、运行效率高、适合移动端PC端,深受程序员们的喜爱。

三分钟了解Vue框架

一.Vue基本介绍

1.vue是渐进式的JavaScript框架

2.作者:尤雨溪(一位华裔前Google工程师)

3.作用:动态构建用户界面

二:Vue的特点

1.遵循MVVM模式(m->model(数据对象) v->view(视图) vm->view model)

2.编码简洁,体积小,运行效率高,适合移动端/PC端

3.它本身只关注UI,可以轻松引入Vue插件或其他第三方库开发项目

Vue扩展插件:

  • vue-cli:Vue脚手架

  • vue-resource(axios):ajax请求

  • vue-router:路由

  • vuex:状态管理

  • vue-lazyload:图片懒加载

  • vue-scroller:页面滑动相关

  • mint-ui:基于Vue的UI组件库(移动端)

  • element-ui:基于Vue的UI组件库(PC端)

三.Vue编写“Hello vue”

1.引入vue.js

2.创建vue对象

3.双向数据绑定

4.显示数据

代码展示:

//3.双向数据绑定 //4.显示数据

Hello {{msg}}

//1.引入vue.js
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | PHP问答
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有