├── .editorconfig ├── .gitignore ├── .npmrc ├── 00-tree-shaking ├── README.md ├── package.json ├── src │ ├── components.js │ └── index.js └── webpack.config.js ├── 01-composition-apis ├── 01-classic │ ├── index.html │ ├── prepare.html │ ├── vue-2.js │ └── vue-3.js ├── 02-composition │ ├── app.js │ └── index.html ├── 03-hooks │ ├── app.js │ └── index.html ├── 04-todos │ ├── app.js │ └── index.html ├── README.md ├── package.json └── playground.html ├── 02-webpack-based ├── README.md ├── package.json ├── public │ └── index.html ├── src │ ├── App.vue │ └── main.js └── webpack.config.js ├── 03-vue-cli-based ├── .gitignore ├── README.md ├── babel.config.js ├── package.json ├── public │ ├── favicon.ico │ └── index.html └── src │ ├── App.vue │ └── main.js ├── 04-vite-based ├── .gitignore ├── index.html ├── package.json ├── public │ └── favicon.ico └── src │ ├── App.vue │ └── main.js ├── 05-official-libraries ├── .browserslistrc ├── .editorconfig ├── .eslintrc.js ├── .gitignore ├── README.md ├── babel.config.js ├── package.json ├── public │ ├── favicon.ico │ ├── img │ │ └── icons │ │ │ ├── android-chrome-192x192.png │ │ │ ├── android-chrome-512x512.png │ │ │ ├── android-chrome-maskable-192x192.png │ │ │ ├── android-chrome-maskable-512x512.png │ │ │ ├── apple-touch-icon-120x120.png │ │ │ ├── apple-touch-icon-152x152.png │ │ │ ├── apple-touch-icon-180x180.png │ │ │ ├── apple-touch-icon-60x60.png │ │ │ ├── apple-touch-icon-76x76.png │ │ │ ├── apple-touch-icon.png │ │ │ ├── favicon-16x16.png │ │ │ ├── favicon-32x32.png │ │ │ ├── msapplication-icon-144x144.png │ │ │ ├── mstile-150x150.png │ │ │ └── safari-pinned-tab.svg │ ├── index.html │ └── robots.txt ├── src │ ├── App.vue │ ├── assets │ │ └── logo.png │ ├── components │ │ ├── Button.vue │ │ ├── Counter.vue │ │ └── Modal.vue │ ├── main.ts │ ├── router │ │ └── index.ts │ ├── shims-vue.d.ts │ ├── store │ │ └── index.ts │ └── views │ │ ├── About.vue │ │ ├── Home.vue │ │ └── TypeScript.vue └── tsconfig.json ├── 06-community-libraries ├── .gitignore ├── index.html ├── package.json ├── public │ └── favicon.ico └── src │ ├── App.vue │ ├── assets │ └── logo.png │ ├── components │ └── HelloWorld.vue │ ├── index.css │ └── main.js ├── 07-encore ├── README.md └── reactive.js ├── README.md ├── examples.code-workspace └── renovate.json /.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/.editorconfig -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/.gitignore -------------------------------------------------------------------------------- /.npmrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/.npmrc -------------------------------------------------------------------------------- /00-tree-shaking/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/00-tree-shaking/README.md -------------------------------------------------------------------------------- /00-tree-shaking/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/00-tree-shaking/package.json -------------------------------------------------------------------------------- /00-tree-shaking/src/components.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/00-tree-shaking/src/components.js -------------------------------------------------------------------------------- /00-tree-shaking/src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/00-tree-shaking/src/index.js -------------------------------------------------------------------------------- /00-tree-shaking/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/00-tree-shaking/webpack.config.js -------------------------------------------------------------------------------- /01-composition-apis/01-classic/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/01-composition-apis/01-classic/index.html -------------------------------------------------------------------------------- /01-composition-apis/01-classic/prepare.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/01-composition-apis/01-classic/prepare.html -------------------------------------------------------------------------------- /01-composition-apis/01-classic/vue-2.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/01-composition-apis/01-classic/vue-2.js -------------------------------------------------------------------------------- /01-composition-apis/01-classic/vue-3.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/01-composition-apis/01-classic/vue-3.js -------------------------------------------------------------------------------- /01-composition-apis/02-composition/app.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/01-composition-apis/02-composition/app.js -------------------------------------------------------------------------------- /01-composition-apis/02-composition/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/01-composition-apis/02-composition/index.html -------------------------------------------------------------------------------- /01-composition-apis/03-hooks/app.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/01-composition-apis/03-hooks/app.js -------------------------------------------------------------------------------- /01-composition-apis/03-hooks/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/01-composition-apis/03-hooks/index.html -------------------------------------------------------------------------------- /01-composition-apis/04-todos/app.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/01-composition-apis/04-todos/app.js -------------------------------------------------------------------------------- /01-composition-apis/04-todos/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/01-composition-apis/04-todos/index.html -------------------------------------------------------------------------------- /01-composition-apis/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/01-composition-apis/README.md -------------------------------------------------------------------------------- /01-composition-apis/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/01-composition-apis/package.json -------------------------------------------------------------------------------- /01-composition-apis/playground.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/01-composition-apis/playground.html -------------------------------------------------------------------------------- /02-webpack-based/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/02-webpack-based/README.md -------------------------------------------------------------------------------- /02-webpack-based/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/02-webpack-based/package.json -------------------------------------------------------------------------------- /02-webpack-based/public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/02-webpack-based/public/index.html -------------------------------------------------------------------------------- /02-webpack-based/src/App.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/02-webpack-based/src/App.vue -------------------------------------------------------------------------------- /02-webpack-based/src/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/02-webpack-based/src/main.js -------------------------------------------------------------------------------- /02-webpack-based/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/02-webpack-based/webpack.config.js -------------------------------------------------------------------------------- /03-vue-cli-based/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/03-vue-cli-based/.gitignore -------------------------------------------------------------------------------- /03-vue-cli-based/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/03-vue-cli-based/README.md -------------------------------------------------------------------------------- /03-vue-cli-based/babel.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/03-vue-cli-based/babel.config.js -------------------------------------------------------------------------------- /03-vue-cli-based/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/03-vue-cli-based/package.json -------------------------------------------------------------------------------- /03-vue-cli-based/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/03-vue-cli-based/public/favicon.ico -------------------------------------------------------------------------------- /03-vue-cli-based/public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/03-vue-cli-based/public/index.html -------------------------------------------------------------------------------- /03-vue-cli-based/src/App.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/03-vue-cli-based/src/App.vue -------------------------------------------------------------------------------- /03-vue-cli-based/src/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/03-vue-cli-based/src/main.js -------------------------------------------------------------------------------- /04-vite-based/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store 3 | dist 4 | *.local -------------------------------------------------------------------------------- /04-vite-based/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/04-vite-based/index.html -------------------------------------------------------------------------------- /04-vite-based/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/04-vite-based/package.json -------------------------------------------------------------------------------- /04-vite-based/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/04-vite-based/public/favicon.ico -------------------------------------------------------------------------------- /04-vite-based/src/App.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/04-vite-based/src/App.vue -------------------------------------------------------------------------------- /04-vite-based/src/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/04-vite-based/src/main.js -------------------------------------------------------------------------------- /05-official-libraries/.browserslistrc: -------------------------------------------------------------------------------- 1 | > 1% 2 | last 2 versions 3 | not dead 4 | -------------------------------------------------------------------------------- /05-official-libraries/.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/.editorconfig -------------------------------------------------------------------------------- /05-official-libraries/.eslintrc.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/.eslintrc.js -------------------------------------------------------------------------------- /05-official-libraries/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/.gitignore -------------------------------------------------------------------------------- /05-official-libraries/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/README.md -------------------------------------------------------------------------------- /05-official-libraries/babel.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/babel.config.js -------------------------------------------------------------------------------- /05-official-libraries/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/package.json -------------------------------------------------------------------------------- /05-official-libraries/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/public/favicon.ico -------------------------------------------------------------------------------- /05-official-libraries/public/img/icons/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/public/img/icons/android-chrome-192x192.png -------------------------------------------------------------------------------- /05-official-libraries/public/img/icons/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/public/img/icons/android-chrome-512x512.png -------------------------------------------------------------------------------- /05-official-libraries/public/img/icons/android-chrome-maskable-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/public/img/icons/android-chrome-maskable-192x192.png -------------------------------------------------------------------------------- /05-official-libraries/public/img/icons/android-chrome-maskable-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/public/img/icons/android-chrome-maskable-512x512.png -------------------------------------------------------------------------------- /05-official-libraries/public/img/icons/apple-touch-icon-120x120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/public/img/icons/apple-touch-icon-120x120.png -------------------------------------------------------------------------------- /05-official-libraries/public/img/icons/apple-touch-icon-152x152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/public/img/icons/apple-touch-icon-152x152.png -------------------------------------------------------------------------------- /05-official-libraries/public/img/icons/apple-touch-icon-180x180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/public/img/icons/apple-touch-icon-180x180.png -------------------------------------------------------------------------------- /05-official-libraries/public/img/icons/apple-touch-icon-60x60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/public/img/icons/apple-touch-icon-60x60.png -------------------------------------------------------------------------------- /05-official-libraries/public/img/icons/apple-touch-icon-76x76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/public/img/icons/apple-touch-icon-76x76.png -------------------------------------------------------------------------------- /05-official-libraries/public/img/icons/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/public/img/icons/apple-touch-icon.png -------------------------------------------------------------------------------- /05-official-libraries/public/img/icons/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/public/img/icons/favicon-16x16.png -------------------------------------------------------------------------------- /05-official-libraries/public/img/icons/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/public/img/icons/favicon-32x32.png -------------------------------------------------------------------------------- /05-official-libraries/public/img/icons/msapplication-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/public/img/icons/msapplication-icon-144x144.png -------------------------------------------------------------------------------- /05-official-libraries/public/img/icons/mstile-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/public/img/icons/mstile-150x150.png -------------------------------------------------------------------------------- /05-official-libraries/public/img/icons/safari-pinned-tab.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/public/img/icons/safari-pinned-tab.svg -------------------------------------------------------------------------------- /05-official-libraries/public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/public/index.html -------------------------------------------------------------------------------- /05-official-libraries/public/robots.txt: -------------------------------------------------------------------------------- 1 | User-agent: * 2 | Disallow: 3 | -------------------------------------------------------------------------------- /05-official-libraries/src/App.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/src/App.vue -------------------------------------------------------------------------------- /05-official-libraries/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/src/assets/logo.png -------------------------------------------------------------------------------- /05-official-libraries/src/components/Button.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/src/components/Button.vue -------------------------------------------------------------------------------- /05-official-libraries/src/components/Counter.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/src/components/Counter.vue -------------------------------------------------------------------------------- /05-official-libraries/src/components/Modal.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/src/components/Modal.vue -------------------------------------------------------------------------------- /05-official-libraries/src/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/src/main.ts -------------------------------------------------------------------------------- /05-official-libraries/src/router/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/src/router/index.ts -------------------------------------------------------------------------------- /05-official-libraries/src/shims-vue.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/src/shims-vue.d.ts -------------------------------------------------------------------------------- /05-official-libraries/src/store/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/src/store/index.ts -------------------------------------------------------------------------------- /05-official-libraries/src/views/About.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/src/views/About.vue -------------------------------------------------------------------------------- /05-official-libraries/src/views/Home.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/src/views/Home.vue -------------------------------------------------------------------------------- /05-official-libraries/src/views/TypeScript.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/src/views/TypeScript.vue -------------------------------------------------------------------------------- /05-official-libraries/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/05-official-libraries/tsconfig.json -------------------------------------------------------------------------------- /06-community-libraries/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/06-community-libraries/.gitignore -------------------------------------------------------------------------------- /06-community-libraries/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/06-community-libraries/index.html -------------------------------------------------------------------------------- /06-community-libraries/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/06-community-libraries/package.json -------------------------------------------------------------------------------- /06-community-libraries/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/06-community-libraries/public/favicon.ico -------------------------------------------------------------------------------- /06-community-libraries/src/App.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/06-community-libraries/src/App.vue -------------------------------------------------------------------------------- /06-community-libraries/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/06-community-libraries/src/assets/logo.png -------------------------------------------------------------------------------- /06-community-libraries/src/components/HelloWorld.vue: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/06-community-libraries/src/components/HelloWorld.vue -------------------------------------------------------------------------------- /06-community-libraries/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/06-community-libraries/src/index.css -------------------------------------------------------------------------------- /06-community-libraries/src/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/06-community-libraries/src/main.js -------------------------------------------------------------------------------- /07-encore/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/07-encore/README.md -------------------------------------------------------------------------------- /07-encore/reactive.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/07-encore/reactive.js -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/README.md -------------------------------------------------------------------------------- /examples.code-workspace: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/examples.code-workspace -------------------------------------------------------------------------------- /renovate.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zce/vuejs-3-examples/HEAD/renovate.json --------------------------------------------------------------------------------