mirror of
https://github.com/lainbo/component-party.git
synced 2026-04-05 13:09:03 +08:00
Feature: Add Web App Features > Render Vue app (#142)
* feat(content): add render app > vue2 * feat(content): add render app > vue3 Co-authored-by: yuelin.ye <yuelin.ye@xbongbong.com>
This commit is contained in:
9
content/7-webapp-features/1-render-app/vue2/App.vue
Normal file
9
content/7-webapp-features/1-render-app/vue2/App.vue
Normal file
@@ -0,0 +1,9 @@
|
||||
<template>
|
||||
<h1>Hello world</h1>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'App'
|
||||
}
|
||||
</script>
|
||||
7
content/7-webapp-features/1-render-app/vue2/index.html
Normal file
7
content/7-webapp-features/1-render-app/vue2/index.html
Normal file
@@ -0,0 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="./main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
8
content/7-webapp-features/1-render-app/vue2/main.js
Normal file
8
content/7-webapp-features/1-render-app/vue2/main.js
Normal file
@@ -0,0 +1,8 @@
|
||||
import Vue from 'vue'
|
||||
import App from './App.vue'
|
||||
|
||||
new Vue({
|
||||
el: '#app',
|
||||
components: { App },
|
||||
template: '<App/>'
|
||||
})
|
||||
3
content/7-webapp-features/1-render-app/vue3/App.vue
Normal file
3
content/7-webapp-features/1-render-app/vue3/App.vue
Normal file
@@ -0,0 +1,3 @@
|
||||
<template>
|
||||
<h1>Hello world</h1>
|
||||
</template>
|
||||
7
content/7-webapp-features/1-render-app/vue3/index.html
Normal file
7
content/7-webapp-features/1-render-app/vue3/index.html
Normal file
@@ -0,0 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script type="module" src="./main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
4
content/7-webapp-features/1-render-app/vue3/main.js
Normal file
4
content/7-webapp-features/1-render-app/vue3/main.js
Normal file
@@ -0,0 +1,4 @@
|
||||
import { createApp } from 'vue'
|
||||
import App from './App.vue'
|
||||
|
||||
createApp(App).mount('#app')
|
||||
Reference in New Issue
Block a user