Vue

基本认识:

渐进式 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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。