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组件库(移动端)
element-ui:基于Vue的UI组件库(PC端)
三.Vue编写“Hello vue”
1.引⼊vue.js
2.创建vue对象
3.双向数据绑定
4.显⽰数据
代码展⽰:
<div id="app">
//3.双向数据绑定
<input type="text" v-model="username">
//4.显⽰数据
<p>Hello {{msg}}</p>
</div>
//1.引⼊vue.js
<script type="text/javascript" src="../js/vue.js"></script>
javascript基本特点<script type="text/javascript">
//2.创建vue对象
var vm = new Vue({
el:"#app",
data:{
msg:'vue'
}
})

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