• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
ellaha
博客园    首页    新随笔    联系   管理    订阅  订阅
2021年4月11日
Vue之父组件向子组件传值--props
摘要: 一、父组件向子组件传值 其实该问题是说子组件如何访问父组件的属性和方法?那么根据对组件化的理解,无非就是要解决两个问题: 1、父组件如何将值传给子组件? 2、子组件如何获取父组件传递过来的值? 解读vue示例代码: 1、父组件向子组件传值是通过“属性绑定”的形式实现的(第2行) 2、子组件默认是无法 阅读全文
posted @ 2021-04-11 22:04 ellaha 阅读(451) 评论(0) 推荐(0)
Vue之组件切换
摘要: 一,使用v-if和v-else指令 1,定义注册和登陆组件,设置flag标识,默认为true <script> Vue.component('login', { template: '#tmp1' }) Vue.component('register', { template: '#tmp2' }) 阅读全文
posted @ 2021-04-11 15:11 ellaha 阅读(1053) 评论(0) 推荐(0)
Vue中组件的data和methods
摘要: 1,定义组件中数据和方法 组件可以有自己的数据 组件的data和实例data不一样,实例data是一个对象 组件的data是一个方法,该方法必须返回一个对象 组件中的data数组使用方式和实例中的data使用方式完全一样 <script> var vm = new Vue({ el: '#app', 阅读全文
posted @ 2021-04-11 14:32 ellaha 阅读(1053) 评论(0) 推荐(0)
Vue之创建组件
摘要: 1,定义公有组件 <body> <div id="app"> <!--步骤3:引入组件--> <mycom3></mycom3> </div> <!--步骤2:在被控制的#app外面 使用template元素,定义组件的HTML模板结构--> <template id="tmp1"> <div> < 阅读全文
posted @ 2021-04-11 10:19 ellaha 阅读(488) 评论(0) 推荐(0)
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3