不错呦!smile@林凯西,确保“准备文件”中的几个文件都有安装,S...您好,看了您这篇帖子觉得很有帮助。但是有个问题想请...我的修改过了怎么还被恶意注册呢 @jjjjiiii 用PJ快9年了,主要是A...PJ3啊,貌似很少有人用PJ了,现在不是WP就是z...@332347365,我当时接入时错误码没有-10...楼主,ChkValue值应为-103是什么意思呢?...大哥 你最近能看到我发的信息,请跟我联系,我有个制...
Vue组件学习笔记
编辑:dnawo 日期:2023-04-05

一、Vue组件
1.局部组件
复制内容到剪贴板
程序代码

<div id="app">
<website></website>
</div>
<script>
new Vue({
el: '#app',
//局部组件
components: {'website': {template: '<span>自定义局部组件!</span>'}}
})
</script>
<website></website>
</div>
<script>
new Vue({
el: '#app',
//局部组件
components: {'website': {template: '<span>自定义局部组件!</span>'}}
})
</script>
2.全局组件
复制内容到剪贴板
程序代码

<div id="app">
<website></website>
</div>
<script>
//全局组件
Vue.component('website', {
template: '<span>自定义全局组件!</span>'
})
new Vue({
el: '#app'
})
</script>
<website></website>
</div>
<script>
//全局组件
Vue.component('website', {
template: '<span>自定义全局组件!</span>'
})
new Vue({
el: '#app'
})
</script>
二、Vue组件间传值
复制内容到剪贴板
程序代码

<div id="app">
<!-- name为静态值,url为动态值 -->
<website name="木子屋" v-bind:url="url"></website>
</div>
<script>
Vue.component('website', {
props: ['name', 'url'],
template: '<span>{{name}} - {{url}}</span>'
})
new Vue({
el: '#app',
data: {
url: 'www.mzwu.com'
}
})
</script>
<!-- name为静态值,url为动态值 -->
<website name="木子屋" v-bind:url="url"></website>
</div>
<script>
Vue.component('website', {
props: ['name', 'url'],
template: '<span>{{name}} - {{url}}</span>'
})
new Vue({
el: '#app',
data: {
url: 'www.mzwu.com'
}
})
</script>
评论: 0 | 引用: 0 | 查看次数: 666
发表评论
请登录后再发表评论!