随笔分类 -  Vue.js

摘要:下面bug如何找到问题出在哪里? 之前,如果报错的变量不是普通的单词,还可以在代码里面搜索,看看哪里写的有问题。 但是现在的变量是 i ,如果搜索的话,代码里面有几十个位置,很难找到错误的地方。 那么这种情况如何解决? 解决办法: 我们把错误的地方点开: 就可以看到有错误的源代码文件,点击源代码: 阅读全文
posted @ 2021-01-14 09:25 Daotin 阅读(1130) 评论(0) 推荐(1) 编辑
摘要:原文首发地址:https://github.com/Daotin/fe-blog/issues/ 你也可以从下面地方找到我: Github (求star! ✨✨✨) CSDN 博客园 掘金 微信公众号:前端队长 今天遇到一个Vue数据更新了,但是视图未更新的问题,折腾了我2小时才搞定,有必要记录下来 阅读全文
posted @ 2021-01-06 17:53 Daotin 阅读(268) 评论(0) 推荐(0) 编辑
摘要:1、 子组件不传递参数,父组件也不接受参数 // 子组件 this.$emit('test') // 父组件 @test='test' test() { } 2、 子组件传递一个参数,父组件接收时不带形参 // 子组件 this.$emit('test','哈哈') // 父组件 @test='te 阅读全文
posted @ 2020-09-27 17:04 Daotin 阅读(1430) 评论(0) 推荐(0) 编辑
摘要:官方教程 自定义组件的 v-model 只需要记住:一个组件上的 v-model 默认会利用名为 value 的 prop 和名为input 的事件。 小示例 自定义一个custom-input组件。点击查看在线示例 <template> <div class="custom-input"> <sp 阅读全文
posted @ 2020-09-18 17:14 Daotin 阅读(594) 评论(0) 推荐(0) 编辑
摘要:问题描述 使用vue-cli4快速搭建一个可用作demo的项目。 问题分析 无 解决方案 步骤如下: 全局安装vue指令包:npm install -g @vue/cli 安装之后,你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue --version,看看是否打印出当前安装的vue- 阅读全文
posted @ 2020-09-01 19:49 Daotin 阅读(1058) 评论(0) 推荐(0) 编辑
摘要:https://github.com/Daotin/daotin.github.io/issues/135 阅读全文
posted @ 2020-04-20 17:17 Daotin 阅读(1079) 评论(0) 推荐(0) 编辑
摘要:我的博客: https://github.com/Daotin/fe-notes/issues vue需要node.js吗? 你可以用 script 标签的形式引入vue.min.js 这样的,不需要nodejs。 使用node有几件事,打包部署,解析vue单文件组件,解析每个vue模块,拼在一起, 阅读全文
posted @ 2020-04-02 14:21 Daotin 阅读(8806) 评论(0) 推荐(0) 编辑
摘要:各自特点 template 模板语法(HTML的扩展) 数据绑定使用Mustache语法(双大括号) JSX JavaScript的语法扩展 数据绑定使用单引号 vue官方建议 Vue官方建议使用 模板,但是 : “更抽象一点来看,我们可以把组件区分为两类:一类是偏视图表现的 (presentati 阅读全文
posted @ 2020-03-12 17:35 Daotin 阅读(2805) 评论(1) 推荐(3) 编辑
摘要:前言 本命名风格指南推荐了一种统一的命名规范来编写 "Vue.js" 代码。这使得代码具有如下的特性: 统一团队的命名规范,其它开发者或是团队成员更容易上手阅读和理解。 IDEs 更容易理解代码,从而提供高亮、格式化等辅助功能。 本指南只是个人总结归纳的,仅作为一种参考。 命名分类 现在常用的vue 阅读全文
posted @ 2019-12-13 11:11 Daotin 阅读(1096) 评论(1) 推荐(1) 编辑
摘要:直接上代码: 阅读全文
posted @ 2019-12-06 11:34 Daotin 阅读(1891) 评论(0) 推荐(0) 编辑
摘要:比如ul下有4个li元素。 给每个li绑定点击事件 ,然后这个点击时间会将一个全局变量 赋值为 index 的值。 然后在每个li上加上class样式 即可。 阅读全文
posted @ 2019-12-06 11:30 Daotin 阅读(3596) 评论(0) 推荐(0) 编辑
摘要:在有些时候,子组件直接修改父组件传来的 的属性会出现不同步的问题。 比如,父组件传过来的一个对象 : 将 通过v model绑定给子组件的 checkbox,然后点击这个checkbox,试图改变 的值,但是有时候会发现 checkbox 的选中状态和 checked 相反,也就是不同步的问题。 ( 阅读全文
posted @ 2019-12-06 11:25 Daotin 阅读(2694) 评论(0) 推荐(0) 编辑
摘要:vue中并没有 事件,但是可以使用 和 来模拟hover操作。 阅读全文
posted @ 2019-12-06 11:16 Daotin 阅读(12793) 评论(0) 推荐(0) 编辑
摘要:vue事件是同步的。如果绑定了事件(组件标签上绑定事件) 组件的事件触发 组件调用时绑定事件 之后监听事件: $emit 抛出后活等着 $on ,如果监听到了则阻塞执行; 如果为监听到或者未绑定,则会继续运行。 阅读全文
posted @ 2019-08-11 15:10 Daotin 阅读(374) 评论(0) 推荐(0) 编辑
摘要:参考链接 https://router.vuejs.org/zh/guide/essentials/passing props.html %E5%B8%83%E5%B0%94%E6%A8%A1%E5%BC%8F 阅读全文
posted @ 2019-08-11 15:04 Daotin 阅读(310) 评论(0) 推荐(0) 编辑
摘要::一个CSS值转REM的VSCode插件; :移动端弹性布局适配解决方案; :移动端相关点击,滑动,拖动,多点触控等事件封装; :适用于vue项目中表单验证插件; :可能是目前最好用的移动端滚动插件; :解决移动端click 300ms延迟 :手机前端开发调试利器 webpack之proxyTabl 阅读全文
posted @ 2019-08-11 13:19 Daotin 阅读(346) 评论(0) 推荐(0) 编辑
摘要:提问:router view 可以页面跳转,使用 is特性 也可以进行页面跳转,有什么区别? 参考链接 https://segmentfault.com/q/1010000010750059 阅读全文
posted @ 2019-08-11 13:11 Daotin 阅读(1019) 评论(0) 推荐(0) 编辑
摘要:然后每次切换路由的时候,尽量避免不要重复请求数据,所以我们还需要配置一下组件的 . exclude="moviesDetail" 除了电影详情页不需要保存原有的数据外,即重新拉取数据。其他的界面都缓存原有的数据。 阅读全文
posted @ 2019-08-11 13:09 Daotin 阅读(125) 评论(0) 推荐(0) 编辑
摘要:参考链接 https://www.cnblogs.com/tiedaweishao/p/6644267.html 阅读全文
posted @ 2019-08-11 13:06 Daotin 阅读(430) 评论(0) 推荐(0) 编辑
摘要:在普通的html里面: template标签默认有个 属性,并且其里面的内容是不可见的。 在vue里面: template标签类似一个隐藏的div,在审查元素的时候是找不到template标签的,但是里面的内容是可见的。 阅读全文
posted @ 2019-08-08 18:25 Daotin 阅读(625) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示