Vue--props
2024-08-30 07:52:36
组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据,我们需要通过子组件的 props 选项。
字面量语法 vs 动态语法
初学者常犯的一个错误是使用字面量语法传递数值:
因为它是一个字面 prop,它的值是字符串 "1" 而不是 number。如果想传递一个实际的 number,需要使用 v-bind,从而让它的值被当作 JavaScript 表达式计算:
App.vue (父组件)
<template> <div> <h1>我是app组件</h1> <zujian :color="111"></zujian> </div> </template> <script> import zujian from './components/zujian.vue' export default{ data(){ return{ a:1 } }, components:{ zujian } } </script>
Zujian.vue(子组件)
<template> <div> <h1>我是zujian组件 {{typeof color}}---{{color}}</h1> </div> </template> <script> export default{ props:["color"], // 父亲传 谁用谁接受(儿子接受) data(){ return{ } } } </script>
更多请访问:https://cn.vuejs.org/v2/guide/components.html#Prop
最新文章
- 如何在Windows Server 2008 R2没有磁盘清理工具的情况下使用系统提供的磁盘清理工具
- Linux字符界面安装VMware tools
- Linux下memcache的安装
- poj3484 Showstopper 二分
- Spring整合Hibernate之AnnotationSessionFactoryBean与LocalSessionFactoryBean
- iOS - Mac OS X 终端命令
- java之对象转型2
- Sublime Text 2 - 性感无比的代码编辑器!程序员必备神器!跨平台支持Win/Mac/Linux
- [Effective JavaScript 笔记]第37条:认识到this变量的隐式绑定问题
- MySQL的分页
- android NDK 实用学习(三)- java端类对象的构造及使用
- onethink
- linux系统调用和库函数调用的区别(转)
- NIO通讯框架之Mina
- 偶写的第一个控件,一个用选择代替输入的Edit控件…
- swoole简单demo测试
- Android makefile
- 第二个Sprint冲刺总结
- hosts 位置和功能
- (Gorails)vuejs系列视频: Webpacker/vue-resource(不再为官方推荐)。
热门文章
- Unsupervised Learning and Text Mining of Emotion Terms Using R
- Java 9 揭秘(1.Java入门介绍)
- JavaSE教程-04Java中循环语句for,while,do&#183;&#183;&#183;while
- 在附件管理模块中增加对FTP 上传和预览的支持
- 微信小程序,前端大梦想(八)
- python基础操作_集合_三元运算
- Dubbo有意思的特性介绍
- python http长连接客户端
- 在Caffe添加Python layer详细步骤
- vue.js实现数据动态响应(Vue.set的应用)