vue->thinkphp

2016-04-18 12:04:37

1、component->组件单元文件夹（可有可无类似tp chip）

2、view->视图文件夹（对应tp 里的Public/Template/Defaut/）

3、http->接口层（一个view一个http）

 

2016-04-18 15:41:50

一个webpack的入口js分成了几个步骤

 

//第一步，导入系统插件库
//导入系统插件库，vue
import Vue from 'vue' 

//导入系统插件库，路由器
import Router from 'vue-router'


//第二步，过滤器，导入view
//导入过滤器
import { domain, fromNow } from './filters'

//导入主view
import App from './components/App.vue'

//导入view
import NewsView from './components/NewsView.vue'
import ItemView from './components/ItemView.vue'
import UserView from './components/UserView.vue'


//第三步，安装router
//注入
Vue.use(Router)

//注册过滤器
Vue.filter('fromNow', fromNow)
Vue.filter('domain', domain)

//第四步，生成路由
// routing
var router = new Router()

router.map({
  '/news/:page': {
    component: NewsView
  },
  '/user/:id': {
    component: UserView
  },
  '/item/:id': {
    component: ItemView
  }
})

　　

 

2016-04-18 15:42:26

props是由父组件传过来的，可以对父组件参数传过来参数值进行验证！
props分为动态和静态


2016-04-18 16:06:20
将对象数组items解析的一种方法

function translatedItems() {
      return this.items.map((item, key) => {
        if (typeof item === 'string') {
          return {
            key: key,
            text: item
          };
        } else {
          return item;
        }
      });
}