基本认识:
渐进式 JavaScript 框架 作用: 动态构建用户界面
Vue 的特点
1遵循 MVVM 模式
2编码简洁, 体积小, 运行效率高, 适合移动/PC 端开发
3它本身只关注 UI, 可以轻松引入 vue 插件或其它第三方库开发项目
与其它前端 JS 框架的关联
1借鉴 angular 的模板和数据绑定技术
2借鉴 react 的组件化和虚拟 DOM 技术
Vue 扩展插件
vue-cli: vue 脚手架
vue-resource(axios): ajax 请求
vue-router: 路由
vuex: 状态管理
vue-lazyload: 图片懒加载
vue-scroller: 页面滑动相关
mint-ui: 基于 vue 的 UI 组件库(移动端)
element-ui: 基于 vue 的 UI 组件库(PC 端)
它本身只关注 UI, 可以轻松引入 vue 插件或其它第三方库开发项目
编码
<div id="app">
<input type="text" v-model="username">
<p>Hello, {{username}}</p>
</div>
<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript">
new Vue({
el: '#app',
data: {
username: 'vue'
}
})
</script>