美文网首页
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