码迷,mamicode.com
首页 > 其他好文 > 详细

1项目相关的一些简介

时间:2017-07-28 00:26:34      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:view   imp   技术分享   来源   model   设计   style   组成   包含   

看黄轶老师用vue高仿饿了吗视频的一些总结

项目资源:通过vue-resource和后端数据进行交互,通过vue-route实现不同页面之间的路由,通过第三方js库better-scroll实现页面滚动。项目采用组件化编写,提升代码的复用性。用localstorage实现数据的存储。

Vue是一种MVVM框架。MVVM实现了视图和数据的双向绑定,即当数据发生变化时,ViewModel会观察到数据的变化并通知对应的视图做自动更新,而当我们操作视图时,ViewModel也能监听到视图的改变,通知数据进行更新。

技术分享

Vue的一个主要思想是数据驱动,数据驱动省去了手动操作DOM的过程。Vue中通过数据驱动DOM变化,DOM是数据变化的一种自然映射

技术分享

Vue的另一个主要思想是组件化。组件化指拓展HTML元素,封装可重用的代码。组件设计的一个重要原则是就近维护,即组件依赖的资源要都放在同一个文件夹下。页面可以看成是组件的容器。

vue-cli是一个脚手架,可以帮助我们开发,用webpack模板生成的项目包含许多目录:

技术分享

图片来源:http://www.jianshu.com/p/256abebd4b12

组件由三部分组成<template><script><stylus>,生成的组件用export default {}导出。使用时,在父元素中用import引用,在components中注册。

 webpack用于将各种前端资源打包,最终生成js文件和css文件

 

1项目相关的一些简介

标签:view   imp   技术分享   来源   model   设计   style   组成   包含   

原文地址:http://www.cnblogs.com/dingzibetter/p/7247917.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!