欢迎来到站长教程网!

JavaScript

当前位置:主页 > 网页制作 > JavaScript >

三分钟了解Vue框架

时间:2020-06-23|栏目:JavaScript|点击:

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.显示数据

代码展示:

<p id="app"> //3.双向数据绑定 <input type="text" v-model="username"> //4.显示数据 <p>Hello {{msg}}</p> </p> //1.引入vue.js <script type="text/javascript" src=http://www.php.cn/"../js/vue.js"></script> <script type="text/javascript"> //2.创建vue对象 var vm = new Vue({ el:"#app", data:{ msg:'vue' } })

感谢大家的阅读,希望大家收益多多。

上一篇:vue实现分页的三种效果

栏    目:JavaScript

下一篇:直击JavaScript ES6里最重要的5个特性

本文标题:三分钟了解Vue框架

本文地址:http://www.blue1000.com/wangyezhizuo/JavaScript/2072.html

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:1961407250 | 邮箱:1961407250#qq.com(#换成@)

Copyright © 2002-2022 BK网络学院版权所有 Power by DedeCms 粤ICP备19027147号-7