nav tabs on admin dashboard
This commit is contained in:
51
node_modules/vue-loader/README.md
generated
vendored
51
node_modules/vue-loader/README.md
generated
vendored
@@ -1,21 +1,44 @@
|
||||
# vue-loader [](https://circleci.com/gh/vuejs/vue-loader/tree/master) [](https://ci.appveyor.com/project/yyx990803/vue-loader/branch/master) [](https://www.npmjs.com/package/vue-loader)
|
||||
# vue-loader [](https://circleci.com/gh/vuejs/vue-loader/tree/master) [](https://ci.appveyor.com/project/yyx990803/vue-loader/branch/master)
|
||||
|
||||
> Vue.js component loader for [Webpack](https://webpack.js.org/).
|
||||
> webpack loader for Vue Single-File Components
|
||||
|
||||
<p align="center">
|
||||
<img width="809px" src="https://raw.githubusercontent.com/vuejs/vue-syntax-highlight/master/samples/screenshot.png">
|
||||
</p>
|
||||
**NOTE:** The master branch now hosts the code for v15! Legacy code is now in the [v14 branch](https://github.com/vuejs/vue-loader/tree/v14).
|
||||
|
||||
The best way to get started is with [vue-cli](https://github.com/vuejs/vue-cli):
|
||||
- [Documentation](https://vue-loader.vuejs.org)
|
||||
- [Migrating from v14](https://vue-loader.vuejs.org/migrating.html)
|
||||
|
||||
``` js
|
||||
npm install -g vue-cli
|
||||
vue init webpack-simple hello
|
||||
cd hello
|
||||
npm install
|
||||
npm run dev
|
||||
## What is Vue Loader?
|
||||
|
||||
`vue-loader` is a loader for [webpack](https://webpack.js.org/) that allows you to author Vue components in a format called [Single-File Components (SFCs)](./docs/spec.md):
|
||||
|
||||
``` vue
|
||||
<template>
|
||||
<div class="example">{{ msg }}</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
msg: 'Hello world!'
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.example {
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
```
|
||||
|
||||
This will setup a basic Webpack + `vue-loader` project for you, with `*.vue` files and hot-reloading working out of the box!
|
||||
There are many cool features provided by `vue-loader`:
|
||||
|
||||
For advanced `vue-loader` configuration, checkout the [documentation](https://vue-loader.vuejs.org).
|
||||
- Allows using other webpack loaders for each part of a Vue component, for example Sass for `<style>` and Pug for `<template>`;
|
||||
- Allows custom blocks in a `.vue` file that can have custom loader chains applied to them;
|
||||
- Treat static assets referenced in `<style>` and `<template>` as module dependencies and handle them with webpack loaders;
|
||||
- Simulate scoped CSS for each component;
|
||||
- State-preserving hot-reloading during development.
|
||||
|
||||
In a nutshell, the combination of webpack and `vue-loader` gives you a modern, flexible and extremely powerful front-end workflow for authoring Vue.js applications.
|
||||
|
||||
Reference in New Issue
Block a user