10-组件化开发
关注
分享
扫一扫
Vue学习
林笙10
野蛮生长的小白
展开
-
10-组件通信-子传父（自定义函数）
10-组件通信-子传父（自定义函数） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>组建通信-子传父（自定义函数）</title> </head> <body> <!-- 父组件模板 --> <div id="app"> <cpn @item-click="c原创 2021-05-13 21:34:58 · 132 阅读 · 0 评论 -
09-组件通信-父传子（props的驼峰标识）
09-组件通信-父传子（props的驼峰标识） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>组件通信-父传子（props的驼峰标识）</title> </head> <body> <div id="app"> <!-- 当props中用驼峰命名法时如cInfo，绑定时要改为v-原创 2021-05-13 21:34:15 · 133 阅读 · 0 评论 -
08-组件通信-父组件向子组件传递数据
08-组件通信-父组件向子组件传递数据 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>组建通信-父组件向子组件传递数据</title> </head> <body> <div id="app"> <cpn v-bind:cmovies="movies" :cmessage="me原创 2021-05-13 21:33:24 · 106 阅读 · 0 评论 -
07-组件中data为什么是函数
07-组件中data为什么是函数 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>组件中data为什么是函数</title> </head> <body> <div id="app"> <cnp></cnp> <cnp></cnp原创 2021-05-12 21:36:08 · 60 阅读 · 0 评论 -
06-组件中数据存放问题
06-组件中数据存放问题 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>组件模板的分离写法</title> </head> <body> <div id="app"> <cnp1></cnp1> </div> <!-- 方法一原创 2021-05-12 21:35:16 · 67 阅读 · 0 评论 -
05-组件模板的分离
05-组件模板的分离 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>组件模板的分离写法</title> </head> <body> <div id="app"> <cnp1></cnp1> </div> <!-- 方法一 --原创 2021-05-12 21:34:25 · 73 阅读 · 0 评论 -
04-注册组件的语法糖写法
04-注册组件的语法糖写法 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>注册组件的语法糖写法</title> </head> <body> <div id="app"> <!-- cpn1是全局组件，cpn2是局部组件 --> <cpn1>&l原创 2021-05-12 21:33:42 · 97 阅读 · 0 评论 -
03-父组件和子组件
03-父组件和子组件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>父组件和子组件</title> </head> <body> <div id="app"> <cpn1></cpn1> <cpn2></cpn2> </di原创 2021-05-12 21:32:47 · 109 阅读 · 0 评论 -
02-全局组件和局部组件
02-全局组件和局部组件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>全局组件和局部组件</title> </head> <body> <!-- 全局组件 --> <div id="app"> <cpn></cpn> <原创 2021-05-12 21:31:59 · 60 阅读 · 0 评论 -
01-组件化的基本使用
01-组件化的基本使用 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>组件化的基本使用</title> </head> <body> <div id="app"> <!-- 3,使用组件 --> <my-cpn></my-cpn>原创 2021-05-09 16:28:52 · 69 阅读 · 0 评论