diff --git a/src/_posts/012-release.md b/src/_posts/012-release.md index ea002a9688..771fb4c981 100644 --- a/src/_posts/012-release.md +++ b/src/_posts/012-release.md @@ -62,16 +62,16 @@ Vue.component('async-example', function (resolve, reject) { }) ``` -It is up to you to decide how to load the component from the server, e.g. `$.getScript()` or require.js; but the recommended usage is to pair it up with Webpack's [Code Splitting feature](http://webpack.github.io/docs/code-splitting.html): +It is up to you to decide how to load the component from the server, e.g. `$.getScript()` or require.js; but the recommended usage is to pair it up with webpack's [Code Splitting feature](http://webpack.github.io/docs/code-splitting.html): ``` js Vue.component('async-webpack-example', function (resolve, reject) { - // In Webpack AMD like syntax indicates a code split point + // In webpack AMD like syntax indicates a code split point require(['./my-async-component'], resolve) }) ``` -That's all you need to do. You can use the component just like before, without even thinking about it being async. Webpack will automatically split your final JavaScript into separate bundles with correct dependencies, and automatically load a bundle via Ajax when it is required. You can check out a fully functional example [here](https://github.com/vuejs/vue-webpack-example). +That's all you need to do. You can use the component just like before, without even thinking about it being async. webpack will automatically split your final JavaScript into separate bundles with correct dependencies, and automatically load a bundle via Ajax when it is required. You can check out a fully functional example [here](https://github.com/vuejs/vue-webpack-example). ### Improved Transition System diff --git a/src/_posts/march-update.md b/src/_posts/march-update.md index 1a8d0e7bb8..264b184236 100644 --- a/src/_posts/march-update.md +++ b/src/_posts/march-update.md @@ -19,7 +19,7 @@ There are many other great projects - too many to be listed here - but you can c ## A New Vision For the Project -Some of you may have noticed that the development on the Vue.js core repo has slowed down lately - in the meanwhile, a lot of efforts went into other sub projects, namely [Vuex](https://github.com/vuejs/vuex), [vue-devtools](https://github.com/vuejs/vue-devtools) and the official [Webpack project boilerplate](https://github.com/vuejs-templates/webpack). The next step is a new release for [vue-router](https://github.com/vuejs/vue-router), and better documentation/examples demonstrating how Vue.js core, Vuex and vue-router work together in a large single page application. +Some of you may have noticed that the development on the Vue.js core repo has slowed down lately - in the meanwhile, a lot of efforts went into other sub projects, namely [Vuex](https://github.com/vuejs/vuex), [vue-devtools](https://github.com/vuejs/vue-devtools) and the official [webpack project boilerplate](https://github.com/vuejs-templates/webpack). The next step is a new release for [vue-router](https://github.com/vuejs/vue-router), and better documentation/examples demonstrating how Vue.js core, Vuex and vue-router work together in a large single page application. All this adds together towards a new vision for the Vue.js project: a progressive framework that can adapt to different complexity levels. Vue.js core will remain "just the view layer" - you can still drop it on whatever existing page to replace jQuery, but the Vue.js project also includes other pieces like vue-router, Vuex, vue-loader/vueify and vue-cli that works together as a more complete, opinionated framework for single page applications. More on this in a later post. diff --git a/src/_posts/vue-cli.md b/src/_posts/vue-cli.md index fe12f6b1e8..212d330e0e 100644 --- a/src/_posts/vue-cli.md +++ b/src/_posts/vue-cli.md @@ -34,9 +34,9 @@ Current available templates include: - [browserify-simple](https://github.com/vuejs-templates/browserify-simple) - A simple Browserify + vueify setup for quick prototyping. -- [webpack](https://github.com/vuejs-templates/webpack) - A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction. +- [webpack](https://github.com/vuejs-templates/webpack) - A full-featured webpack + vue-loader setup with hot reload, linting, testing & css extraction. -- [webpack-simple](https://github.com/vuejs-templates/webpack-simple) - A simple Webpack + vue-loader setup for quick prototyping. +- [webpack-simple](https://github.com/vuejs-templates/webpack-simple) - A simple webpack + vue-loader setup for quick prototyping. ### Bring Your Own Setup diff --git a/src/_posts/why-no-template-url.md b/src/_posts/why-no-template-url.md index f6fbabe2dd..9d531586f5 100644 --- a/src/_posts/why-no-template-url.md +++ b/src/_posts/why-no-template-url.md @@ -13,8 +13,8 @@ First, it allows us to write our template in a separate HTML file. This gives us Second, because `templateURL` loads the template via Ajax at runtime, you don't need a build step in order to split up your files. This is convenient during development, but comes at a serious cost when you want to deploy it to production. Before HTTP/2 is universally supported, the number of HTTP requests is still probably the most critical factor in your app's initial load performance. Now imagine you use `templateURL` for every component in your app - the browser needs to perform dozens of HTTP requests before even being able to display anything! In case you don't know, most browsers limit the number of parallel requests it can perform to a single server. When you exceed that limit, your app's initial rendering will suffer for every extra round trip the browser has to wait for. Sure, there are build tools that can help you pre-register all those templates in `$templateCache` - but that shows us a build step is, in fact, inevitable for any serious frontend development. -So, without `templateURL`, how do we deal with the development experience problem? Writing templates as inline JavaScript strings is terrible, faking templates with `