zoukankan      html  css  js  c++  java
  • 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功能。

  • 相关阅读:
    【POJ1743】Musical Theme(后缀数组,二分)
    【BZOJ1031】字符加密Cipher(后缀数组)
    gui线程
    线程同步
    多线程
    java记事本
    gui界面2048小游戏
    IO流+数据库课后习题
    数据库(批处理, 事务,CachedRawSetImpl类
    java(try块语句变量,和匿名类变量生存时间
  • 原文地址:https://www.cnblogs.com/qiao20/p/7007774.html
Copyright © 2011-2022 走看看