香香鲲 - 博客园

2022年9月23日

摘要：模板指令 1、v-if、v-for优先级区别 3.0依然不建议写在一个元素上但是依然可以同时绑定 Vue2：当在同一个元素上使用v-if时，将优先v-for Vue3：v-if优先，再v-for 2、v-model对的组件使用进行了返工，替换v-bind.sync v-model重新设计了组件中阅读全文

posted @ 2022-09-23 19:46 香香鲲阅读(4487) 评论(0) 推荐(0)

2022年9月22日

Vue：数据仓库配置--Pinia

摘要： pinia作用 Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。 pinia安装 npm i pinia 创建文件夹store // store/index.js文件 import { defineStore } from 'pinia' //这里官网是单独导出是可以写成默认导出的阅读全文

posted @ 2022-09-22 21:09 香香鲲阅读(344) 评论(0) 推荐(0)

Vue：use函数、插件配置(把axios封装为公共属性)

摘要：同2.0一样use函数接受一个函数或者对象(对象有install函数) 然后会调用这个传入的回调函数给它传参app对象,以此来实现第三方插件 //main.js文件 import { createApp} from 'vue' import App from './App.vue' const a 阅读全文

posted @ 2022-09-22 17:08 香香鲲阅读(267) 评论(0) 推荐(0)

Vue中网络环境配置

摘要：代理配置 vite环境中 //vite.config.js文件中 export default defineConfig({ plugins: [vue()], server: { // port:"8080", // host proxy: { '/api': { target: 'http:// 阅读全文

posted @ 2022-09-22 16:55 香香鲲阅读(98) 评论(0) 推荐(0)

Vue3：响应式 API-工具函数 isRef()、unref()、toRef()、toRefs()、readonly()

摘要： isRef() 检查某个值是否为 ref。 <script setup> import {ref,isRef} from "vue" let msg=ref(0) function fn(){ console.log(isRef(msg)) //判断是否为响应性变量 } < /script> unr 阅读全文

posted @ 2022-09-22 16:26 香香鲲阅读(278) 评论(0) 推荐(0)

CSS：什么是文档流？什么是浮动？浮动的原理（面试题）

摘要：文档流概念：文档流处在网页的最底层，它表示的是一个页面中的位置，我们所创建的元素默认都处在文档流中特点：（块元素，行内元素）所有的块级元素在父元素直接从上到下排列。所有的行内元素在父元素中从左到右排列。浮动：什么是浮动？元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制，浮动的阅读全文

posted @ 2022-09-22 09:59 香香鲲阅读(159) 评论(0) 推荐(0)

CSS：浏览器的内核及了解，有哪些常见的浏览器内核？（面试题）

摘要：浏览器的内核及了解？有哪些常见的浏览器内核？浏览器要渲染出网页给用户看必须加载htm编码和js脚本渲染引擎渲染页面的UI和jd执行引擎操作内存，就是浏览器的内核根据不同的浏览厂商他们使用了不同的内核，内核的程序时很难实现的根据我的了解有一些内核是公司自己实现的浏览器内核分渲染引擎（Ren 阅读全文

posted @ 2022-09-22 09:43 香香鲲阅读(232) 评论(0) 推荐(0)

2022年9月20日

Vue3：Suspense

摘要：等待异步组件时渲染一些额外的内容,让应用有更好的用户体验 <suspense> 组件有两个插槽。它们都只接收一个直接子节点。default 插槽里的节点会尽可能展示出来。如果不能，则展示 fallback 插槽里的节点。 <template> <div class="fa"> <h1>父组件Home 阅读全文

posted @ 2022-09-20 22:40 香香鲲阅读(140) 评论(0) 推荐(0)

Vue3：注册组件

摘要：注册组件组件内部 <script> import Box1 from "./Box1.vue" export defult{ components:{ Box1 }, setup(){} } </script> vue3组件内部组合式API setup语法糖中注册组件 <script setup> 阅读全文

posted @ 2022-09-20 22:38 香香鲲阅读(1474) 评论(0) 推荐(0)

Vue3：状态驱动的动态 CSS

摘要：状态驱动的动态 CSS 单文件组件的 <style> 标签可以通过 v-bind 这一 CSS 函数将 CSS 的值关联到动态的组件状态上 <template> <div class="box1">hello</div> <button @click="changcolor">修改box1的样式</ 阅读全文

posted @ 2022-09-20 22:33 香香鲲阅读(562) 评论(0) 推荐(0)