Vue
关注
分享
扫一扫
00qiu00
这个作者很懒，什么都没留下…
展开
-
VueX属性的使用
VueX的概念 vuex是vue的状态管理工具,状态即数据。状态管理就是集中管理vue中的通用数据 注意：不是所有的场景都适用于vuex，只有在必要的时候才使用vuex使用了vuex之后，会附加更多的框架中的概念进来，增加了项目的复杂度vuex中如何提供数据，组件如何访问数据store与state...原创 2020-08-28 11:00:54 · 386 阅读 · 0 评论 -
vue数据绑定的解析
一、vue2.0双向数据绑定简单解析1.Object.defineProperty定义定义：定义属性。 可以用来对数据的劫持操作。何为数据劫持呢？ 就是在我们访问或者修改某个对象的某个属性的时候，通过一段代码进行拦截行为， 然后进行额外的操作，然后返回结果。2.简单实现双向数据绑定<body> <div id="app"> <input type="text" /> </div> <script&原创 2020-07-29 22:16:47 · 189 阅读 · 0 评论 -
Vue组件通信(data,props,单向数据流)
组件的数据是独立的, 有些功能需要组件通信才能做常见的组件通信:父传子子传父非父子**注意： 组件的数据来源: 1. data 自己提供的数据, 可以随便改 2. props 父组件传递过来的数据, 不要改 不要改父组件传递过来的值, 是在遵循一个开发规范 => 单向数据流 单向数据流: 父组件的数据如果修改了, 会自动向下流动, 影响到子组件,触发子组件的更新一，父传子// 1. 给子组件, 以添加属性的方式, 传值 （ 以添加html属性的方式, 传值）原创 2020-07-29 22:11:37 · 362 阅读 · 0 评论 -
Vue插槽slot
slot插槽 内容分发, 可以将组件使用时，内部写的内容, 分发到 slot 标签匿名插槽(默认插槽)：没有配置过名字的插槽, 没有具体分配的内容, 都会给到匿名插槽具名插槽：给插槽起个名字，可以实现定向分发，不是给他的他不要1. 给插槽起个名字，< slot name="main" ></slot>2. 再分发内容时，使用 template 标签，包裹需要分发的内容3. 在 template 标签上 ，通过 v-slot ： 插槽名 指定分发给谁 <di原创 2020-07-29 19:23:26 · 322 阅读 · 0 评论 -
Vue数据绑定的解析
一 、VUE2.0双向数据绑定1.Object.defineProperty定义定义：定义属性。可以用来对数据的劫持操作。何为数据劫持呢？就是在我们访问或者修改某个对象的某个属性的时候，通过一段代码进行拦截行为，然后进行额外的操作，然后返回结果。2.简单实现双向数据绑定<body> <div id="app"> <input type="text" /> </div> <script> c原创 2020-07-26 23:18:07 · 198 阅读 · 0 评论