死磕Vue+Element
文章平均质量分 78
Vue.js笔记
瑟 王
找到工作啦,苏州汇川外包人员,努力搬砖
展开
-
前端笔记(11) Vue3 Router 编程式导航 router.push router.replace
在上篇博客Vue3 Router 监听路由参数变化中,我们使用创建 a 标签来定义导航链接:原创 2022-08-12 15:14:13 · 9307 阅读 · 0 评论 -
前端笔记(10) Vue3 Router 监听路由参数变化
Vue Router是开发Vue项目的必不可少的工具,也是极为重要的学习要点。本篇介绍下Vue Router的基础使用和如何监听路由参数变化。原创 2022-08-11 18:40:29 · 13282 阅读 · 0 评论 -
前端笔记(9) Vue3 async await 循环调接口使用案例
async和await是的语法,具体详细介绍可以看阮一峰的教程。这里我只是介绍在日常开发中,async和await的常见用法。原创 2022-08-10 18:45:15 · 7157 阅读 · 0 评论 -
前端笔记(8) Vue3+Vite 搭建项目 配置路径别名@
如果上面的npm run dev可以将项目运行,那么说项目创建没有问题,可以继续安装一些我们常用的依赖包了。在compilerOptions中添加下面的最后2项:“baseUrl"和"paths”在main.ts中引用一个组件,验证下是否会报错,并最后运行项目看能否正常启动。......原创 2022-08-10 14:41:16 · 3481 阅读 · 0 评论 -
前端笔记(7) Vue3 插槽slot的使用案例
在上一篇博客Vue3 dialog弹窗 父子组件之间传值及方法调用中已经介绍了如何给子组件传递参数,但是如何给子组件传递模板内容呢?这个就需要用到插槽slot了。首先最基础的一点:插槽是放在子组件上的,相当于子组件有一个坑,父组件可以传模板给子组件,来填这个坑。子组件接收参数,用props子组件接收模板,用slot。......原创 2022-08-08 18:44:12 · 696 阅读 · 0 评论 -
前端笔记(6) Vue3 dialog弹窗 父子组件之间传值及方法调用
实际开发中,都是用单文件组件,那组件之间传值和调用方法是最常见的功能。传参的方式有很多,比如props、emit、provide和inject。在学习组件之间传值之前,需要了解下模板ref。使用defineExpose()暴露方法,别的组件才能调用...原创 2022-08-04 18:22:01 · 12539 阅读 · 3 评论 -
前端笔记(5) Vue3 reactive ref 使用和区别
Vue3和Vue2的一个比较大的区别是Vue3提供了组合式API,它的说明和优点可以参考官方文档组合式 API FAQ。在实际项目中,一般都是用Vue的单文件组件开发,而在Vue3中通常就是组合式API+搭配来开发单文件组件。而我们之所以喜欢用Vue,主要是馋它的双向绑定,在Vue3中,声明响应式对象主要有reactive和ref这2种方式。.........原创 2022-08-04 10:33:32 · 497 阅读 · 0 评论 -
前端笔记(4) Vue3 全局属性 app.config.globalProperties 使用案例
学习Vue3有个把月了,记录下学习中的小知识点。首先很多同学还没找到Vue3真正的官方文档,下面给出Vue3的文档网站Vue3官网文档Vue3API文档。原创 2022-08-02 17:48:21 · 11785 阅读 · 1 评论 -
前端笔记(3) Javascript 字符串函数 数组函数
Javascript 字符串和数组的常用函数总结1. 字符串函数2 数组函数1. 字符串函数/* 第一个字符位置为 0, 第二个字符位置为 1 返回在指定位置的符 */testCharAt() { const str = "Hello World!"; let a = str.charAt(0);//H let b = str.charAt(30);//"" console.log(a); console.log(b);},//连接两个或更多字原创 2020-09-03 12:50:44 · 219 阅读 · 0 评论 -
前端笔记(2) npm常用命令总结
npm常用命令总结1. 参考资料1. 参考资料npm中文网阮一峰教程npm install --save-dev webpacknpm install -D webpackTo add an entry to your package.json’s dependencies:npm install <package_name> --saveTo add an entr............原创 2018-12-04 18:20:38 · 782 阅读 · 0 评论 -
前端笔记(1) 初次摸一摸webpack
前提在公司做了8个月Java后端开发,但是近年来前端技术发展喜人,想学习Vue.js+Element-UI+ES6+Webpack这些技术。目标学习参照网上开源项目做一个后台管理系统页面。学习人通付盾 王冬 2018-06-01npm init cnpm i vue -S cnpm i element-ui -S cnpm i webpack -D cnpm............原创 2018-06-04 18:33:39 · 1768 阅读 · 0 评论