vue3
文章平均质量分 68
vue3系列
一雨方知深秋
这个作者很懒,什么都没留下…
展开
-
v-bind对样式控制
v-bind对于样式控制的增强,针对class类名和style行内样式进行控制。原创 2024-08-26 11:29:33 · 311 阅读 · 0 评论 -
指令修饰符
因为回车和点击后面”添加任务“,两个的作用都是要进行添加,所用到的函数是一样的。在年纪一栏输入的实际是字符串,用v-model.umber将之转化为真正的数字。姓名输入前面有空格,当光标移开之后,输入的姓名会自动左移。加上@click.prevent点击链接不跳转。v-model.trim : 去除首尾的空格。v-model-number : 转化为数字。语法会自动将函数绑定到模板中。单是如此,点击链接跳转到百度页面。是一个用于控制事件冒泡的函数。做以下修改,结果不变。原创 2024-08-26 09:30:04 · 456 阅读 · 0 评论 -
vue.js学习步骤
Vue.js 从一个简单的实验性项目成长为一个功能强大、社区活跃的前端框架,其发展历程展示了它对前端开发的持续创新和改进。通过引入先进的功能和不断扩展的生态系统,Vue.js 为开发者提供了一个高效、灵活的工具,满足了不同规模和复杂度应用的需求。原创 2024-08-23 09:34:24 · 1180 阅读 · 0 评论 -
vue指令
如果是注册事件,会变成以下情况:注册事件并没有进行参数传递,那么在methods的buy函数中就必须要将5写死,所以无论点击的是可乐还是咖啡,减少的都是5圆,出现了错误。注意:this指向实例对象,想要获取数据isShow是要用"实例.属性”,而一旦改变实例名称,fn函数中实例名称也要改变,直接使用this,因为this指向实例。注意:需要紧挨着v-if一起使用。v-if基于条件判断,是否创建或者移除元素节点----要么显示,要么隐藏,不频繁切换场景。语法:v-show="表达式",v-if="表达式"原创 2024-08-25 09:12:14 · 897 阅读 · 0 评论 -
APP.vue引入子组件进行页面展示
打开APP.vue文件,将<template>标签里的内容和<style>标签里的内容 ctrl+/ 选中进行注释,以及引入的Helloworld.vue文件内容代码进行注释。这样,将子组件嵌入到父组件中,可以利用 Vue 的响应式系统来动态更新页面内容。:通过将功能分离到子组件中,可以使每个组件更专注于它的具体任务,增强代码的模块化和可维护性。,你可以在父组件中复用这个子组件的功能和视图,而不需要重复编写相同的代码。,你可以将数据传递给这个子组件,并在子组件中进行展示或处理。服务器页面从原始页面。原创 2024-08-25 17:51:54 · 536 阅读 · 0 评论 -
vue框架初识
定义可以通过。原创 2024-08-23 16:30:37 · 829 阅读 · 0 评论 -
v-model应用于其他表单元素
常见表单元素都可以用v-model绑定关联,快速获取或者设置表单元素的值。单选框 input :radio ——>checked。文本域 textarea ——>value。复选框 input:checked ——>checked。下拉菜单 select ——>value。输入框 input:text ——>value。根据控件类型自动选择正确方法来更新元素。原创 2024-08-26 12:02:06 · 159 阅读 · 0 评论 -
计算属性computed
例如,礼物总数那就是计算出来的新属性。原创 2024-08-26 16:11:36 · 273 阅读 · 0 评论 -
组合式API-reactive和ref函数,computed计算属性,watch函数
避免直接修改计算属性的值,计算属性应该是只读的,特殊情况可以配置get set。watch( [ref对象1,ref对象2],(newArr,oldArr) => {...} )watch(ref对象,(newValue,oldValue) => {...} )const 计算属性 = computed (() => {注意:计算属性不应该有“副作用”,比如异步请求/修改dom。作用:侦听一个或者多个数据的变化,数据变化时执行回调函数。注意:脚本中访问数据,需要通过.value。原创 2024-08-28 20:07:34 · 925 阅读 · 0 评论