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'
}
智囊团是什么意思})