Vue框架是什么,有什么特点,怎么用

更新时间:2023-06-20 23:22:51 阅读: 评论:0

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脚⼿架
1644年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.显⽰数据
忘川水代码展⽰:
<div id="app">
//3.双向数据绑定
<input type="text" v-model="urname">
//4.显⽰数据
威武不屈<p>Hello {{msg}}</p>
</div>
//1.引⼊vue.js
<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript">
//2.创建vue对象
var vm = new Vue({
el:"#app",
data:{
msg:'vue'
}
})

本文发布于:2023-06-20 23:22:51,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1001760.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:移动   数据   绑定   双向   无线   构建
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图