正规建筑工程网站,南海区建设局网站首页,专业网站维护,购物网站功能1、ES6Vue #xff1a;1、Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是#xff0c;Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层#xff0c;不仅易于上手#xff0c;还便于与第三方库或既有项目整合。另一方面#xff0c;当与现代化的… 1、ES6Vue 1、Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层不仅易于上手还便于与第三方库或既有项目整合。另一方面当与现代化的工具链以及各种支持类库结合使用时Vue 也完全能够为复杂的单页应用提供驱动。2、vue的特点1) 遵循 MVVM 模式2) 编码简洁, 体积小, 运行效率高, 适合移动/PC 端开发3) 它本身只关注 UI, 可以轻松引入 vue 插件或其它第三库开发项目3、 与其它前端js框架的关联1) 借鉴 angular 的模板和数据绑定技术2) 借鉴 react 的组件化和虚拟 DOM 技术4、 vue拓展插件vue-cli: vue 脚手架vue-resource(axios): ajax 请求vue-router: 路由vuex: 状态管理vue-lazyload: 图片懒加载vue-scroller: 页面滑动相关mint-ui: 基于 vue 的 UI 组件库(移动端)element-ui: 基于 vue 的 UI 组件库(PC 端)2、Vue vue:入门代码3、vue的点击事件4、vue 的生命周期and组件的生命周期5、vue较为完整的实例对象。6、vue的MVVMMVVM分为三个部分分别是M(Model模型层 )V(View视图层)VM(ViewModelV与M连接的桥梁也可以看作为控制器)1、 M模型层主要负责业务数据相关2、 V视图层顾名思义负责视图相关细分下来就是htmlcss层 3、 VMV与M沟通的桥梁负责监听M或者V的修改是实现MVVM双向绑定的要点MVVM支持双向绑定意思就是当M层数据进行修改时VM层会监测到变化并且通知V层进行相应的修改反之修改V层则会通知M层数据进行修改以此也实现了视图与模型层的相互解耦。(也就是说可以进行双向修改)7、vue:语法部分 Vue.js 使用了基于 HTML 的模板语法允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 所有 Vue.js 的模板都是合法的 HTML所以能被遵循规范的浏览器和 HTML 解析器解析。 双大括号表达式 语法: {{exp}} 功能: 向页面输出数据 可以调用对象的方法 指令一强制数据绑定 功能: 指定变化的属性值 完整写法: v-bind:xxxyyy //yyy 会作为表达式解析执行 简洁写法: :xxxyyy 指令二绑定事件监听 1) 功能: 绑定指定事件名的回调函数完整写法整洁写法v-on:keyupxxxkeyupxxxv-on:keyup.enterxxxkeyup.enterxxx8、vue样式部分1、v-text 与 v-html 的区别这是显示结果2、 v-if v-else-if v-else9、图片的显示与隐藏 v-show更新时间2020-12-17 vue部分
