美文网首页
Vue学习第二课

Vue学习第二课

作者: 伙伴崩溃 | 来源:发表于2019-03-19 10:44 被阅读0次

    1:创建Demo工程

    1:通过brew 安装node.js;(不要使用sudo命令,后期会存在各种权限问题)

    2:安装过程,请根据警告或者报错提供的命令。进行修改,或者添加 vi .bash_profile 

    3:通过npm install vue,安装vue环境;

    4:通过npm install --global vue-cli 安装cli 环境;

    5:通过vue create <my project> 创建Demo 工程;(注意:vue版本不同,命令稍微不一样)

    2:Vue-router

    1:通过路由管理页面间的加载;

    2:在router.ts引用vue类;

    3:Vuex

    1:store.ts处理页面间传值;

    2:state监听组件的状态;

    4:设置页面的Tabbar

    .footer {

    position:fixed;

      width:100%;

      bottom:0;

      height:60px;

      line-height:60px;

      border-bottom:0;

      display:flex;

      flex-flow:row nowrap;

      justify-content:space-around;

      border-top:1px solid #333;

    }

    相关文章

      网友评论

          本文标题:Vue学习第二课

          本文链接:https://www.haomeiwen.com/subject/jftdmqtx.html