- 博客(8)
- 收藏
- 关注
RSS订阅原创 Vue监听器
1、watch和computed都是以Vue的依赖追踪机制为基础的。2、methods里面是用来定义函数的。三、监听器应用-距离转换器。
2024-07-03 11:20:00
265
原创 Vue组件插槽
slot>标签有一个特殊的属性name，当模版中需要使用多个插槽时，可以通过该属性进行分区。如果没有name属性，则等价于name="default"。在组件prop中，可以通过default选项设置该属性的默认值，在插槽中同样可以设置默认内容，它只会在插槽没有提供内容时被渲染。子组件中如果存在数据，那么该数据只能在子组件模版中进行使用，即在父组件中使用该子组件是访问不到子组件中的数据的。<slot>标签可以看成是提供给父组件使用的占位符。
2024-07-03 11:02:20
103
原创 Vue双向绑定
复选框单独使用时，v-model绑定的是布尔值，选中时是true，未选中时是false。当选中单选框时，v-model绑定的数据属性的值被设置为该单选框的value值。单选时，v-model绑定的是选项的值；多选时，v-model绑定的就是数组。
2024-07-03 10:46:24
278
原创 Vue计算属性
第二个p标签是用计算属性revMsg实现的，第三个是用methods方法调用的。getter用于读取，setter写入触发。计算属性setter和getter。methods和computed。
2024-07-03 10:31:55
165
原创 父组件监听子组件事件
定义了组件"counter"，它由<button>按钮组成,点击按钮会发出自定义事件"counter-add"。在根组件范围内，使用了该组件，因而可以在<counter>标签上可以通过v-on指令（指@）监听到"cpunter-add"事件，并在时间处理程序中对数据num进行自增。当点击给出建议按钮时，会从子组件内部arr数组中随机选取一项，在发出advice事件的同时将数据传给事件处理程序。其中eventName为事件名称，arg1、arg2、arg3等为可选的额外参数；配合额外参数使用$emit。
2024-07-03 09:44:52
124
原创 初识Vue.js
M为数据层，V为视图层，VM为视图数据层，在此架构中不允许数据层和视图层直接通信的，VM是连接V和M的桥梁。在这种模式下，应用被分为三个部分：模型（Model）、视图（View）和控制器（Controller）。MVP（Model-View-Presenter）是由经典的MVC模式演变而来的。Model（模型）提供数据，View（视图）负责显示，Presenetr（表示器）负责逻辑的处理。特：Vue可以构成一个完整的生态系统，可以通过添加组件系统、客户端路由、大规模状态管理来构建一个完整的框架。
2024-07-02 19:42:21
435
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人