vue - 随笔分类 - 冥天肝

vue(13)在模板中使用slot插槽排序

摘要：序 Slot插槽插槽就是父组件往子组件中插入一些内容。有三种方式，默认插槽，具名插槽，作用域插槽默认插槽就是把父组件中的数据，显示在子组件中，子组件通过一个slot插槽标签显示父组件中的数据具名插槽是在父组件中通过slot属性，给插槽命名，在子组件中通过slot标签，根据定义好的名字填充到对阅读全文

posted @ 2022-12-06 16:30 冥天肝阅读(208) 评论(0) 推荐(0)

Vue(12)父子组件的传递——$emit 与 props

摘要：1.子组件传值 $emit是把子组件的值传递于父组件 2.实例代码点击查看详细内容 <template> <div> <button @click="datas"></button> </div> </template> <script> export default { methods: { d 阅读全文

posted @ 2022-12-06 16:22 冥天肝阅读(30) 评论(0) 推荐(0)

vue11 组件初识

摘要：序组件（component）是vue.js最强大的功能之一。组件的作用就是封装可重用的代码，通常一个组件就是一个功能体，便于在多个地方都能够调用这个功能体。每个组件都是Vue的实例对象。我们实例化的Vue对象就是一个组件，而且是所有组件的根组件。示例代码 <!DOCTYPE html> <h 阅读全文

posted @ 2022-10-12 19:01 冥天肝阅读(43) 评论(0) 推荐(0)

Vue10货物增删改查

摘要：序实现简单的增删改查案例实现效果源码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> th { background-color: yellow; } #pop{ position: 阅读全文

posted @ 2022-10-12 18:58 冥天肝阅读(54) 评论(0) 推荐(0)

vue9 搜索框实现与商品展示

摘要：序实现了之前代码的删除功能，并加入了对于复选框的全选，全不选，反选等功能示例代码展开查看 .item { margin-top: 10px; width: 350px; height: 120px; line-height: 100px; border-bottom: 1px solid #9 阅读全文

posted @ 2022-10-07 20:07 冥天肝阅读(204) 评论(0) 推荐(0)

vue（8）v-model与JavaScript中array对象的配合使用

摘要：序实现了之前代码的删除功能，并加入了对于复选框的全选，全不选，反选等功能示例代码展开查看 {{i.text}}X 香蕉苹果芒果芭乐全选全不选反选 {{showfruit()}} 运行效果阅读全文

posted @ 2022-10-05 18:09 冥天肝阅读(130) 评论(0) 推荐(0)

vue(7)v-model进阶使用

摘要：序简单讲解v-model双向数据绑定的使用,过于简单就不写描述啦，看代码，工具是HBuilder X 示例 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" 阅读全文

posted @ 2022-09-26 22:55 冥天肝阅读(44) 评论(0) 推荐(0)

vue（6）v-for指令用法，对json数据处理

摘要：序什么语法都无法逃脱分支，循环，Vue的循环什么样记录下示例效果示例代码展开查看 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text 阅读全文

posted @ 2022-09-21 20:29 冥天肝阅读(662) 评论(0) 推荐(0)

vue（5）v-if与v-show的区别应用

摘要：序 v-if如果是false就不生成，v-show如果是false会生成display:none样式的元素。那v-show在什么场景嘞？在隐藏时候用实例代码 CLICK ME <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title 阅读全文

posted @ 2022-09-19 20:33 冥天肝阅读(23) 评论(0) 推荐(0)

vue4——钩子函数与v-if的vue指令

摘要：一、生命周期钩子函数（1）beforeCreate（）实例创建前触发（2）created（）实例创建完成，（3）beforeMount（）模板渲染前，可以访问数据，模板编译完成，虚拟DOM已经存在（4）mounted（）模板渲染完成，可以拿到DOM节点和数据（5）beforeUpd 阅读全文

posted @ 2022-09-14 20:34 冥天肝阅读(183) 评论(0) 推荐(0)

Vue(3)-关于文本框数据框默认值效果（v-bind），数据类型注意

摘要：序直接看代码，v-bind的使用，数据类型的转换示例代码点击查看代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>avgScore</title> <script src="js/vue.js" type="tex 阅读全文

posted @ 2022-09-07 22:38 冥天肝阅读(622) 评论(0) 推荐(0)

Vue（2）函数初识，与computed的使用

摘要：序在实例vue对象时候，可以选择使用computed来完成计算,mvvm是mode，view，viewmode实现数据的双向绑定，这也体现其的便捷性。示例代码点击查看代码 <div id="app"> <input type="text" v-model="bookNum" /> <br /> 阅读全文

posted @ 2022-09-05 20:39 冥天肝阅读(158) 评论(0) 推荐(0)

vue（1）

摘要：#序 1.Vue是什么？ Vue是一套用于构建用户界面的渐进式框架，响应式系统，自底向上逐层应用 2.开始语法入门本来要下好多东西的，但是刚刚开始学所以跟老师走点击查看代码 <html> <head> <meta charset="utf-8" /> <title></title> <scrip 阅读全文

posted @ 2022-08-31 22:43 冥天肝阅读(25) 评论(0) 推荐(0)

冥天肝

随笔分类 - vue

公告