Vue
SignalFire
这个作者很懒,什么都没留下…
展开
-
Vue 全组件 局部组件
全局组件在main.ts(Vue + TS的项目)引入,或者在main.js(Vue + JS的项目)引入 全局组件可以在任意组件中使用,不需要再次导入 如果传递的时对象,对象在被子组件的props接收时需要解构,依次写在props数组中 传递的如果是一个个的值,则直接在props数组中写入即可 插槽的作用:让子组件可以接收父组件传过来的元素、组件如果父元素只传递一个元素,或者传递的多个元素会在一个地方使用,那么可以使用匿名插槽 父组件会传递多个元素,这些元素需要再不同的地方使用,这时需要使用具名插槽进原创 2024-02-15 10:38:25 · 4395 阅读 · 0 评论 -
Vue生命周期钩子函数
生命周期钩子,生命周期函数,生命周期事件(不同名称,同一含义)含义:在Vue组件从创建到销毁的整个过程中,在不同时间节点可以自动执行的函数整个过程分为三个部分:创建阶段,运行阶段,销毁阶段。原创 2023-12-26 16:10:00 · 368 阅读 · 0 评论 -
Vue之MVVM
视图模型:将后端数据域前端页面连接在一起,后端数据到页面时数据绑定,前端页面改变传到后端是事件监听,这就是双向数据绑定。(Vue中script里面的代码)视图:页面展示(Vue中的template与style中的代码)Vue主要操作DOM不具有通信功能,axios是前端通讯框架。模型:后端数据(java代码,node代码)原创 2023-12-25 20:27:31 · 355 阅读 · 0 评论 -
Vue3中的插槽
在子组件中预留一个slot标签,父组件可以在子组件标签中写入文本或者其他标签,这部分内容会显示在子组件中的slot标签的位置子组件标签Head<template> head组件<br /> <slot></slot></template><script> export default{ name:'Head' }</script><style>...原创 2022-05-23 11:23:05 · 159 阅读 · 0 评论 -
Vue3中父子组件传值
父组件向子组件传值父组件Home<template> <div class="home"> <Head :title='msg'></Head> </div></template><script>import Head from '@/components/Head.vue'export default { name: 'Home', components: { Head...原创 2022-05-23 10:58:48 · 704 阅读 · 2 评论 -
Vue3全局组件
在src的目录下的components中新建 组件名.vue如:GlobalComponent.vue<template> 全局组件</template><script>export default{ name:"GlobalComponent"}</script><style></style>在main.js中引入并注册全局组件import { createApp } fr...原创 2022-05-23 10:05:42 · 5036 阅读 · 1 评论 -
watch
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <input v-model="name"/>{{name}} </div...原创 2022-05-21 15:18:44 · 116 阅读 · 0 评论 -
refs与ref
一、下载图片实例@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { // 1. 要获取下载文件的路径 String realPath = "C:\\Users\\86184\\IdeaProjects\\j2\\out\\production\\s1\\秦疆.png"; System.out原创 2022-05-21 14:55:11 · 214 阅读 · 0 评论 -
双向数据绑定
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <label>{{name}}</label> <in...原创 2022-05-21 14:09:10 · 121 阅读 · 0 评论