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

更新时间:2023-07-09 23:17:08 阅读: 评论: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脚⼿架
致敬英雄作文vue-resource(axios):ajax请求
vue-router:路由
vuex:状态管理
vue-lazyload:图⽚懒加载
vue-scroller:页⾯滑动相关
mint-ui:基于Vue的UI组件库(移动端)
kwanzaa
element-ui:基于Vue的UI组件库(PC端)
杨澜英语演讲
三.Vue编写“Hello vue”
1.引⼊vue.js
2.创建vue对象
3.双向数据绑定
4.显⽰数据
代码展⽰:
<div id="app">dancer是什么意思
//3.双向数据绑定mwx是什么意思
<input type="text" v-model="urname">
//4.显⽰数据
cctvnews
海音寺潮五郎<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-07-09 23:17:08,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/90/172486.html

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

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