wordpress缩略图清理,专业seo服务商,西安网站制作公司排名,cms开发框架目录 如何定义组件#xff1a; 组件的命名#xff1a; 父组件向子组件传值#xff1a; 子组件向父组件传值#xff1a; 如何定义组件#xff1a; 全局组件定义#xff1a; 局部组件定义#xff1a; 组件的基本使用#xff1a; 打印结果#xff1a; 组件的命名#xf…目录 如何定义组件 组件的命名 父组件向子组件传值 子组件向父组件传值 如何定义组件 全局组件定义 局部组件定义 组件的基本使用 打印结果 组件的命名 父组件向子组件传值 打印结果 子组件向父组件传值 打印结果点击点击一次加五按钮即可显示 完整代码 !DOCTYPE html
html langen
headmeta charsetUTF-8script srcjs/vue.js/scripttitleTitle/titlestyle/style
/head
bodydiv classvueProdiv-eml :infoinfo/div-eml!-- 驼峰命名的组件使用标签还得用横杠隔开 --com-name mdmd($event)/com-namediv{{num}}/divdiv{{name}}/div/div/bodyscriptVue.component(comName,{template: divbutton click$emit(md,{name:张三,count:5})点击一次加五/button/div});Vue.component(div-eml,{props:[info],data(){return{msg:组件变量}},template:divdiv{{msg}}/divdiv{{info}}/div/div});new Vue({el:.vuePro,data:{info:父组件中内容信息,num:0,name:},methods:{md(val){this.numval.count;this.nameval.name;}},components:{button-eml:{}}});
/script
/html