Skip to content

M
my-vue-app

火狐Jeff / my-vue-app

通知 1
Star 0
Fork 0
M
my-vue-app

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 4a0308c5 编写于 作者: J Jeff Fox
浏览文件
操作

移动文件到runoob.com文件夹

上级 6816d77b
隐藏空白更改
内联 并排
Showing with 95 addition and 0 deletion
runoob.com/component-prop1.html 0 → 100644
浏览文件 @ 4a0308c5
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://unpkg.com/vue@next"></script>
</head>
<body>
<div id="app">
<site-name title="Google"></site-name>
<site-name title="Runoob"></site-name>
<site-name title="Taobao"></site-name>
</div>
<script>
const app = Vue.createApp({})
app.component('site-name', {
props: ['title'],
template: `<h4>{{ title }}</h4>`
})
app.mount('#app')
</script>
</body>
</html>
runoob.com/component-prpo2.html 0 → 100644
浏览文件 @ 4a0308c5
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://unpkg.com/vue@next"></script>
</head>
<body>
<div id="app">
<site-info v-for="site in sites" :id="site.id" :title="site.title"></site-info>
</div>
<script>
const Site = {
data() {
return {
sites: [{
id: 1,
title: 'Google'
},
{
id: 2,
title: 'Runoob'
},
{
id: 3,
title: 'Taobao'
}
]
}
}
}
const app = Vue.createApp(Site)
app.component('site-info', {
props: ['id', 'title'],
template: `<h4>{{ id }} - {{ title }}</h4>`
})
app.mount('#app')
</script>
</body>
</html>
runoob.com/str-reverse1.html 0 → 100644
浏览文件 @ 4a0308c5
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://unpkg.com/vue@next"></script>
</head>
<body>
<div id="app">
{{ message.split('').reverse().join('') }}
</div>
<script>
const app = {
data() {
return {
message: 'RUNOOB!!'
}
}
}
Vue.createApp(app).mount('#app')
</script>
</body>
</html>
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或