Vue学习第二课

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;

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.功能技术: vue-resource : 后端 Vue-router : 前端 第三方库 : better-s...
    TTTXTTT阅读 790评论 0 2
  • date/****js相关********************************************...
    Agping阅读 482评论 0 1
  • 有些事,发生了就只能接受。有些人,失去了就只有放手。有些路,选择了就没得回头。人生就是这样的无奈。 当看破一切的时...
    BoBo520阅读 333评论 0 0
  • 曾子曰:“吾日三省吾身。为人谋而不忠乎?与朋友交而不信乎?传不习乎?” 曾子说“我每日多次自我反省,替别人办事是否...
    Echo勤能补拙阅读 128评论 0 0
  • 2018.9.30 星期天 晴 亲子日记第301天 盼望的小长假终于来到了,耶耶耶! 放学接上俩宝贝去吃了好吃的面...
    涓涓流水_672f阅读 276评论 0 4