vuejs 学习旅程一

来上海快一年了，一直在东钿金融工作着，这一年来主要负责公司前期的房产评估微信平台，公司IT部也是刚刚成立，成立IT部门不仅仅只是维护房产评估微信，而是要做一个互金理财平台。于是我一年来的主要工作是负责互金理财平台的前端工作，主要分三大块，后台，PC端，移动端（微信端）。这些工作在3月份基本已经完成总体开发，进入稳定。根据公司的要求是要有一个app。于是老大就让我学习用vuejs 写一套移动端。所以就引出了今天的主题vuejs学习旅程。

一，首先从简单的开始，花了一天的时间写一个简单菜单隐藏显示的功能 ，废话不多少，晒图晒代码

效果图：

就是这种隐藏显示

html：

vuejs：

 

css:

思路：vuejs 特点是数据双向绑定，所以这里用的是showmenu_is 这个值控制菜单是否显示。而且用了template标签v-if判断showmenu_is 。为true的时候就显示，否则不显示，然后再给点击的元素上面直接绑-on:click=menu（）。写了一个menu方法就是点击来回切换true or false.相比jquery 是要简单挺多的。关闭的时候也可以直接使用menu这个方法。一开始使用vuejs不知从何下手。理解了原理 ，使用起来真的是比jquery方便多了。好了，这一节就说这么多。下一节说下vuejs 里面的ajax功能。