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'
}
})