nuxt项目学习
-
nuxt安装失败解决 Error: Failed to download template from registry: fetch failed
参考：https://blog.csdn.net/qq_38774121/article/details/127786237 -
关闭请求缓存 ：initialCache:false
-
跳转链接 ：
3.1 外部：window.open(url)
3.2 内部：navigateTo(path)
3.3 登陆：navigateTo(route.query.from || "/",{replace:true}) -
vscode创建自定义代码库
参考：https://blog.csdn.net/qq_33463449/article/details/103928634 -
调用自定义插件方法
5.1 模版调用：$funcName(param)
5.2 代码调用：useNuxtApp().$funcName(params) -
时间戳相关
6.1 根据字符串获取时间戳： (new Date(xxxx)).getTime()
6.2 获取当前时间戳： Date.now()
6.3 关闭倒计时：clearInterval(Timer) -
composables 文件夹用来存放composition API 并且可以自动引入
-
返回上一页：$router.go(-1)
-
页面引入中间件：
9.1 definePageMeta({middleware:['search']})
9.2 调用位置：在目标页面调用 -
前端传参中文转义：encodeURIComponent(title.value)
-
动态传参：url使用回调函数，返回url
export function useSearchDataApi(query){
return useHttp("SearchData",()=>{
let r = useQueryToString(query())
return `/search${r}`
},{
lazy:true
})
}
- 点击跳转
<nuxt-link to='https://www.baidu.com'>按钮</nuxt-link>
- 防止冒泡：@click.stop="funcName"