摘要: 组件数据存放 组件可以访问Vue实例数据吗? 组件是一个单独功能模块的封装: 这个模块有属于自己的HTML模板,也应该有属性自己的数据data。 组件中的数据是保存在哪里呢?顶层的Vue实例中吗? 我们先来测试一下,组件中能不能直接访问Vue实例中的data 我们用组件里的message去访问定义在 阅读全文
posted @ 2020-03-05 19:04 懒惰ing 阅读(2557) 评论(0) 推荐(0) 编辑
摘要: 注册组件 注册组件的基本步骤 组件的使用分成三个步骤: 创建组件构造器:调用Vue.extend()方法 注册组件:调用Vue.component()方法 使用组件:在Vue实例的作用范围内 我们来看看通过代码如何注册组件 查看运行结果: 和直接使用一个div看起来并没有什么区别。 但是我们可以设想 阅读全文
posted @ 2020-03-05 18:28 懒惰ing 阅读(2792) 评论(0) 推荐(1) 编辑
摘要: 组件化开发 什么是组件化 如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后续的管理以及扩展。 但如果,我们讲一个页面拆分成一个个小的功能块,每个功能块完成属于自己这部分独立的功能,那么之后整个页面的管理和维护就变得非常容易了 组件化思想 组件化是Vue.js中的 阅读全文
posted @ 2020-03-05 16:32 懒惰ing 阅读(690) 评论(0) 推荐(0) 编辑
摘要: 表单绑定 表单控件在实际开发中是非常常见的。特别是对于用户信息的提交,需要大量的表单 Vue中使用v-model指令来实现表单元素和数据的双向绑定 <div id="app"> <input type="text" v-model="message"> {{message}} </div> <scr 阅读全文
posted @ 2020-03-05 15:49 懒惰ing 阅读(630) 评论(0) 推荐(0) 编辑