摘要:
插槽 当组件中只有一个插槽的时候,我们可以不设置 slot 的 name 属性。 v-slot 后可以不带参数,但是 v-slot 在没有设置 name 属性的时候, 插槽口会默认为“default”。 插槽主要是在封装组件的时候去使用 注意点:v-slot 只能添加在 <template>上哈。 阅读全文
摘要:
场景描述 我们都知道,子组件是不能够去修改父组件传递过来的数据。 因为如果子组件去修改父组件件传递过来的数据。 会导致数据的应用流向变得难以理解。 但是有些时候,我们需要当子组件的数据变化后,父组件的数据也跟着变化。 vue2中我们可以使用.sync来解决这个办法。 那么vue3应该怎么去处理这个问 阅读全文
摘要:
场景 有些时候,我们需要将一个页面拆分成各个模块。 这些模块包含增加,删除,修改,等 并且这些模块会处理非常复杂的业务逻辑问题 所以,我们最好是将他们分开。 如何将分离新增模块拆离出去 主页面 <template> <div> <el-button @click="addHanlder">新增</e 阅读全文
摘要:
element-plus 默认是英文组件:如下图 将它设置为中文组件 app.vue文件 <template> <el-config-provider :locale="locale"> <router-view></router-view> </el-config-provider> </temp 阅读全文
摘要:
1.pinia的简单介绍 Pinia最初是在2019年11月左右重新设计使用Composition API的 Vue 商店外观的实验。 从那时起,最初的原则相同,但 Pinia 适用于 Vue 2 和 Vue 3 。 并且不需要你使用组合 API。 除了安装和SSR之外,还有其他的 API是一样的。 阅读全文
摘要:
常用的有以下注释 单行忽略 // @ts-ignore 忽略全文;如果你使用这样,需要放在ts的最顶部哈。 // @ts-nocheck 如下 <script lang="ts" setup> // @ts-nocheck import { computed } from 'vue-demi' do 阅读全文
摘要:
指数运算符 ** console.log(2 ** 2 ) //4 console.log(2 ** 3 ) //8 console.log(2 ** 4) //16 链判断运算符的诞生(?.) 在实际编程中, 如果读取对象内部的某个属性,往往需要判断一下。 属性的上层对象是否存在。比如,读取 me 阅读全文
摘要:
安装react的脚手架 1==>行 npx create-react-app myreactdemo01 解释一下: npx create-react-app 你的项目名称 npx create-react-app 是固定不变的 2==>然后执行回车 3==>cd myreactdemo01 4== 阅读全文
摘要:
defer和async产生的原因 HTML 网页中,浏览器通过<script>标签加载 JavaScript 脚本。 <!-- 页面内嵌的脚本 --> <script type="application/javascript"> // module code </script> <!-- 外部脚本 阅读全文
摘要:
属性的简洁表示法 ES6 允许在大括号里面直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。 const foo = 'bar'; const baz = { foo }; console.log(baz); // { foo: 'bar' } function f(name, age) 阅读全文