qq_38980678的博客

父子组件的传值(一) 父组件给子组件传值1.父组件传递父组件在调用子组件的位置，添加一个自定义属性， 属性的值就是父组件传入子组件的值如果属性值是一个变量，或布尔类型的数据，或数值类型的数据， 该自定义属性需要使用绑定属性v-bind2.子组件接收在子组件定义的位置，添加一个props选项选项的值默认是一个数组，数组的元素就是：父组件在调用子组件的位置定义的属性名这样就可以在子组件中通过自定义属性名访问父组件传入的数据了3.props选项内接收到的父组件传过来的数据，可以进行

一.组件的概念1.组件组件，是对数据和方法的简单封装。组件可以有自己的属性和方法。属性是组件数据的简单访问者。方法则是组件的一些简单而可见的功能。使用组件可以实现拖放式编程、快速的属性处理以及真正的面向对象的设计。2.vue中的组件组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：组件化开发，类似于模板化开发，但是并不等同于模

一.使用1.引入可以引入在线的，也可以下载下来保存到本地，建议下载下来， 保存到本地，可以方便在没有网络的情况下也能进行测试在线地址：<script src="https://cdn.jsdelivr.net/npm/vue"></script>下载到本地文件直接按存放地址引入：<script src="vue.js"></script>2.初始化VUE要new使用，参数为对象，对象的内部为配置信息，也叫选项 const vm =