为了防止浏览器进行多次重定向,影响页面性能,投放链接应该以 https 开头,以 ‘/‘ 结尾不用:http://lc.jr.jd.com/finance/fund/fundinvest/investZone使用:https://lc.jr.jd.com/finance/fund/fundinvest/investZone/
不正确投放链接访问http://lc.jr.jd.com...
1. URL的格式协议表示浏览器应当使用的访问方法,包括:”http:””ftp:””file:””mailto:”。比如访问Web服务器使用HTTP协议,访问本地服务器使用FILE协议,访问FTP服务器使用FTP协议。
图1 列举了常见的几种URL,访问自标不同,URL的写法也不同。例如在访问Web服务器和FTP服务器时,URL中包含服务器的域名和要访问的文件的路径名等,而发邮件的URL则...
1. URL解析用户输入的URL(例如 https://www.example.com/index.html)首先被浏览器解析,该过程包括:
提取协议(如HTTP或HTTPS)
主机名(如www.example.com)
端口
路径(如/index.html)
查询参数
锚点
详见:
浏览器解析url过程
2. DNS 查询浏览器需要将域名转换为IP地址,以便进行网络通信。...
props 逐级透传深层子组件需要较远的祖先组件中的部分数据,使用 props 逐级传递很麻烦:
provide(提供)为组件后代提供数据,使用 provide() 函数:
12345<script setup>import { provide } from 'vue';provide(/* 注入名 */'message...
基础插槽内容可以为文本、模版、组件
1234<!-- 父组件 --><FancyButton> Click me! <!-- 插槽内容 --></FancyButton>
1234<!-- 子组件 --><button class="fancy-btn"> <slot></sl...
禁用 attributes 继承如果不想一个组件自动继承 attribute,可在组件选项中设置 inheritAttrs: false
12345<script setup>defineOptions({ inheritAttrs: false});</script>
透传进来的 attribute 可在模版的表达式中用 $attrs 访...
基础父组件:
123456<CustomInput v-model="searchText" /><!-- 被展开为: --><!-- <CustomInput :model-value="searchText" @update:model-value="newValue => searc...
props注意:props 为单向数据流,从父组件流子组件,所以不应该在子组件中修改 props。
如有需要:
用另一个属性接收该 prop 的初始值;
基于该 prop 定义一个计算属性;
向父组件抛出一个事件。
声明使用字符串数组:
123<script setup>const props = defineProps(['foo']);</scr...
全局注册所有子组件可以使用全局注册的组件。
使用 vue 应用实例的 .component() 方法:
123456import { createApp } from 'vue';const app = createApp({});app.component('myComponent',{ // ...
基础父传子defineProps 是仅在 <script setup> 中可用的编译宏命令
12345<script setup>defineProps(['title', 'content']);</script><template>{{ title }}...