chaihongjun.me

vue3获取异步数据并渲染模板demo

vue3获取异步数据并渲染模板demo

chaihongjun未知

假设条件 使用axios从服务器获取数据,返回的数据: {status:200,msg:获取图书列表成功,data:[{id:1,bookname:西游记,author:吴承恩,publisher:北京图书出版社},{id:2,boo...

Vite+Vue3+Vue-Router@4+Pinia 快速起步

Vite+Vue3+Vue-Router@4+Pinia 快速起步

chaihongjun未知

Vite+Vue3+Vue-Router@4+Pinia 快速起步 安装vite vite 相当于 vue-cli 脚手架,因此应该首先安装它: npmcreatevite@latest 然后按照提示选择选项完成创建 接着进入项目目...

pinia快速入门 (一)

pinia快速入门 (一)

chaihongjun未知

通过一个简单的Demo体验并入门 pinia ,脚手架环境为 vite 安装 安装脚手架vite 首先确保使用的脚手架是 vite // 安装vite npm init vite@latest 经过一番交互完成脚手...

Vue-cli3配置多接口和sourcemap调试

Vue-cli3配置多接口和sourcemap调试

chaihongjun未知

//vue.config.jsmodule.exports={devServer:{proxy:{//电影信息/api:{//这里的`/api`是自定义的target:https://api.iynn.cn/film/api/v1/,//这里是真实的接口baseURLchangeOrigin:true,ws:true,p...

javascript事件调用机制

javascript事件调用机制

chaihongjun未知

虽然javascript是单线程的,但是可以创建多个子线程去执行一些操作(DOM操作除外),javascript的事件循环机制来调度事件执行。 functiona1(){console.log(a1)setTimeou...

Vue路由跳转组件生命周期变化

Vue路由跳转组件生命周期变化

chaihongjun未知

结合前面一篇《 Vue中父子组件的生命周期 》,这篇总结一下页面组件切换适合的生命周期变化。 创建另外一个子组件 About.vue templatedivclass=abouth1Thisisanabou...

Vue中父子组件的生命周期

Vue中父子组件的生命周期

chaihongjun未知

利用Vuecli脚手架搭建一个Demo: App.vue templatedivid=navrouter-linkto=/Home/router-link|router-linkto=/aboutAbout/router-link/divrouter-view//templatescriptexportdefault{name:App,beforeCreate()...

Vue中的$attrs和inheritAttrs是什么东西

Vue中的$attrs和inheritAttrs是什么东西

chaihongjun未知

官网的文档简短而又不清晰,实在是看不懂,只好自己找代码验证来看看是什么意思 !DOCTYPEhtmlhtmllang=enheadmetacharset=UTF-8metaname=viewportcontent=width=device-width,i...

一个简单的webpack5配置

一个简单的webpack5配置

chaihongjun未知

安装的开发依赖: devDependencies:{@babel/core:^7.15.0,@babel/polyfill:^7.12.1,@babel/preset-env:^7.15.0,autoprefixer:^10.3.1,babel-loader:^8.2.2,clean-webpack-plugin:^4.0.0-alpha.0,core-js:^3.16....