Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2025-01-30 23:32:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Call only the children data for better perf

Browse Source
This commit is contained in:
Sébastien Chopin 2016-12-16 17:46:09 +01:00
parent 2cf68b6019
commit a31dc539cc
1 changed files with 27 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
lib/app/client.js
View File

@ -4,9 +4,20 @@ require('es6-object-assign').polyfill()
import 'es6-promise/auto' import 'es6-promise/auto'
import Vue from 'vue' import Vue from 'vue'
import { app, router<%= (store ? ', store' : '') %> } from './index' import { app, router<%= (store ? ', store' : '') %> } from './index'
import { getMatchedComponents, getMatchedComponentsInstances, flatMapComponents, getContext, promisify, getLocation } from './utils' import { getMatchedComponents, getMatchedComponentsInstances, flatMapComponents, getContext, promisify, getLocation, compile } from './utils'
const noopData = () => { return {} } const noopData = () => { return {} }
const noopFetch = () => {} const noopFetch = () => {}
let _lastPaths = []
function mapTransitions(Components, to, from) {
return Components.map((Component) => {
let transition = Component.options.transition
if (typeof transition === 'function') {
return transition(to, from)
}
return transition
})
}
function loadAsyncComponents (to, ___, next) { function loadAsyncComponents (to, ___, next) {
const resolveComponents = flatMapComponents(to, (Component, _, match, key) => { const resolveComponents = flatMapComponents(to, (Component, _, match, key) => {
@ -44,7 +55,7 @@ function loadAsyncComponents (to, ___, next) {
}) })
} }
function render (to, ___, next) { function render (to, from, next) {
let Components = getMatchedComponents(to) let Components = getMatchedComponents(to)
if (!Components.length) { if (!Components.length) {
this.error({ statusCode: 404, message: 'This page could not be found.', url: to.path }) this.error({ statusCode: 404, message: 'This page could not be found.', url: to.path })
@ -67,7 +78,7 @@ function render (to, ___, next) {
} }
} }
}) })
this.setTransition(Components[0].options.transition) this.setTransitions(mapTransitions(Components, to, from))
this.error() this.error()
let nextCalled = false let nextCalled = false
let isValid = Components.some((Component) => { let isValid = Components.some((Component) => {
@ -81,7 +92,12 @@ function render (to, ___, next) {
this.error({ statusCode: 404, message: 'This page could not be found.', url: to.path }) this.error({ statusCode: 404, message: 'This page could not be found.', url: to.path })
return next() return next()
} }
Promise.all(Components.map((Component) => { Promise.all(Components.map((Component, i) => {
// Check if only children route changed
Component._path = compile(to.matched[i].path)(to.params)
if (Component._path === _lastPaths[i] && (i + 1) !== Components.length) {
return Promise.resolve()
}
let promises = [] let promises = []
const _next = function (path) { const _next = function (path) {
<%= (loading ? 'this.$loading.finish && this.$loading.finish()' : '') %> <%= (loading ? 'this.$loading.finish && this.$loading.finish()' : '') %>
@ -111,6 +127,7 @@ function render (to, ___, next) {
return Promise.all(promises) return Promise.all(promises)
})) }))
.then(() => { .then(() => {
_lastPaths = Components.map((Component, i) => compile(to.matched[i].path)(to.params))
<%= (loading ? 'this.$loading.finish && this.$loading.finish()' : '') %> <%= (loading ? 'this.$loading.finish && this.$loading.finish()' : '') %>
// If not redirected // If not redirected
if (!nextCalled) { if (!nextCalled) {
@ -118,6 +135,7 @@ function render (to, ___, next) {
} }
}) })
.catch((error) => { .catch((error) => {
_lastPaths = []
this.error(error) this.error(error)
next(false) next(false)
}) })
@ -268,8 +286,11 @@ Promise.all(resolveComponents)
store.replaceState(NUXT.state) store.replaceState(NUXT.state)
} }
<% } %> <% } %>
_app.setTransition = _app.$options._nuxt.setTransition.bind(_app) _app.setTransitions = _app.$options._nuxt.setTransitions.bind(_app)
if (Components.length) _app.setTransition(Components[0].options.transition) if (Components.length) {
_app.setTransitions(mapTransitions(Components, router.currentRoute))
_lastPaths = router.currentRoute.matched.map((route) => compile(route.path)(router.currentRoute.params))
}
_app.error = _app.$options._nuxt.error.bind(_app) _app.error = _app.$options._nuxt.error.bind(_app)
_app.$loading = {} // to avoid error while _app.$nuxt does not exist _app.$loading = {} // to avoid error while _app.$nuxt does not exist
if (NUXT.error) _app.error(NUXT.error) if (NUXT.error) _app.error(NUXT.error)