+---build      <webpack开发及发布构建脚本>
 +---config    <开发及发布配置选项文件，如本地端口，目录>
 +---dist   <生产环境上线目录>
 \---src     <项目开发源码目录>
    +---assets     <资源目录，放入image,font等>
    +---css      <通用css文件放入此目录>
    +---page       <项目页面文件夹>
    +---components     <通用组件文件夹>
    \---App.vue     <首页框架模板>
    \---main.js      <入口函数>
    \---routes.js    <framework7的路由文件>
 +---static     <静态资源目录，如需要直接src或者link引入的，可放入>
 \---.babelrc   <babel的配置文件>
 \---.eslintrc.js   <eslint的配置文件>
 \---.eslintignore  <eslint忽略检查配置文件>
 \---.postcssrc.js  <自动补全css浏览器前缀>
 \---index.html     <入口文件index.html>

this.$d.each(arr,function(value,key){
    console.log(key,value)
})
this.$d.setCookie("key","value")
....

//你看，是不是和jquery非常相似 ~ ~
this.$$('.something').on('click', function (e) {
    this.$$(this).addClass('hello').attr('title', 'world').insertAfter('.something-else');
});
//触发resize事件
this.$$(window).trigger('resize');
//还有跟jquery类似的each哦
this.$$.each(fruits, function (index, value) {
    alert(index + ': ' + element); 
});
//其他的还有非常多，自己看文档吧，哈哈    

 this.$config.xxxx //

//eg. event
//组件A注册监听pageChange事件，由于$hub对象是全局的，所以可以在任何组件内触发该监听
this.$hub.$on('pageChange',(page)=>{
    console.log(page)
});
//组件B 触发组件A的pageChange事件
this.$hub.$emit('pageChange','index');

//eg. data
//组件A 将data放入hub
this.$hub.userInfo = {user:'abc',logo:'xxxx'};
//组件B 可以使用hub中的data
console.log(this.$hub.userInfo.user) //write abc
console.log(this.$hub.userInfo) //write {user:'abc',logo:'xxxx'}
/*在传递data过程中，如果userInfo被其他组件改变，组件B并不会自动更新userInfo，如需实时改变，请使用eg. event*/

// Make a request for a user with a given ID
this.$http.get('/user?ID=12345')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

// Optionally the request above could also be done as
this.$http.get('/user', {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });
//Performing a POST request
axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });
Performing multiple concurrent requests
 function getUserAccount() {
   return axios.get('/user/12345');
 }
 
 function getUserPermissions() {
   return axios.get('/user/12345/permissions');
 }
 
axios.all([getUserAccount(), getUserPermissions()])
.then(axios.spread(function (acct, perms) {
 // Both requests are now complete
}));
//添加全局请求拦截
// Add a request interceptor
axios.interceptors.request.use(function (config) {
    // Do something before request is sent
    return config;
  }, function (error) {
    // Do something with request error
    return Promise.reject(error);
  });

// Add a response interceptor
axios.interceptors.response.use(function (response) {
    // Do something with response data
    return response;
  }, function (error) {
    // Do something with response error
    return Promise.reject(error);
  });

  {
  accordionClose:function (item) //折叠accordion,item可以使元素选择器
  accordionOpen:function (item) //展开accordion,item可以使元素选择器
  accordionToggle:function (item) //切换accordion状态,item可以使元素选择器
  addNotification:function (params)//添加一个提示信息,params查看：https://framework7.io/docs/notifications.html
  alert:function (text, title, callbackOk)//弹出alter
  openPanel:function (item,animated)//打开侧边栏,item可以使left或者right,animated是否有动画效果
  closeModal:function (modal, animated) //关闭模态框
  closeNotification:function (item, event) //关闭提示信息
  closePanel:function (animated) //关闭侧边栏
  confirm:function (text, title, callbackOk, callbackCancel) //打开confirm提示框
  formDeleteData:function (formId) //删除指定form表单数据
  formFromData:function (form, formData) //将数据载入form
  formFromJSON:function (form, formData) //将json载入form
  formGetData:function (formId) //获取form数据
  formToData:function (form) //将form数据转为data
  formToJSON:function (form) //将form数据转为json
  getSize:function () //获取页面size
  height:950 //页面高度
  width:1244 //页面的宽
  hideNavbar:function (navbarContainer, animated) //隐藏navbar
  hidePreloader:function () //隐藏preloader（加载框）
  hideProgressbar:function (container) //隐藏progressbar
  hideToolbar:function (toolbarContainer, animated) //隐藏toolbar
  loginScreen:function (modal, animated) //打开登录页面（必须定义才行）
  modal:function (params)//打开模态框，参数参见：https://framework7.io/docs/modal.html#custom-modals
  modalLogin:function (text, title, callbackOk, callbackCancel)//打开登录框,https://framework7.io/docs/modal.html#login-and-password
  modalPassword:function (text, title, callbackOk, callbackCancel)//打开密码框,https://framework7.io/docs/modal.html#login-and-password
  popover:function (modal, target, removeOnClose, animated, closeByOutside)
  popup:function (modal, removeOnClose, animated)
  prompt:function (text, title, callbackOk, callbackCancel) 
  setProgressbar:function (container, progress, speed) //设置progressbar状态
  showNavbar:function (navbarContainer, animated) //显示navbar
  showPreloader:function (title) //显示加载框
  showProgressbar:function (container, progress, color)//显示进图条
  showTab:function (tab, tabLink, animated, force) //显示tab
  showToolbar:function (toolbarContainer, animated) //显示工具栏
  sortableClose:function (sortableContainer) //关闭拖拽
  sortableOpen:function (sortableContainer)//允许拖拽
  sortableToggle:function (sortableContainer) //切换拖拽状态
  swipeoutClose:function (el, callback) //参见https://framework7.io/docs/swipeout.html#swipeout-javascript-api
  swipeoutDelete:function (el, callback)//参见https://framework7.io/docs/swipeout.html#swipeout-javascript-api
  swipeoutOpen:function (el, dir, callback)//参见https://framework7.io/docs/swipeout.html#swipeout-javascript-api
  swipeoutOpenedEl:undefined //当前Open的swipeout
  views:Array(4) //当前的所有视图，切换主视图路由使用views.main.router.load({url:'xxx'})