随笔分类 - Vue
主要用于记载vue学习和实践的相关内容
摘要:问题描述:在使用vue quill editor时,有些样式不能和编辑时一样表现,如: import 'quill/dist/quill.snow.css'`) 参考链接:vue quill editor 样式问题
阅读全文
摘要:报错原因:vue router的版本问题 解决方法: 答案链接:https://github.com/vuejs/vue loader/releases/tag/v13.0.0
阅读全文
摘要:vue项目中,在实例化Vue对象的时候,经常会看到以下两段代码,如果没有了解过Vue2.0里新增的Vue选项中的 render 函数,第一段代码看起来就很容易不理解了。除了文档,官方也在issues里面回答过这个问题,这里仅作个记录。 Vue 2.0时代 Vue 1.0时代 答案链接:https:/
阅读全文
摘要:1. 谈谈你对MVVM开发模式的理解 MVVM分为Model、View、ViewModel三者。 Model 代表数据模型,数据和业务逻辑都在Model层中定义; View 代表UI视图,负责数据的展示; ViewModel 负责监听 Model 中数据的改变并且控制视图的更新,处理用户交互操作;
阅读全文
摘要:在vue中,当需要对底层Dom进行操作,且希望可以复用时,可以通过vue的自定义指令来实现。 参考文档:https://cn.vuejs.org/v2/guide/custom directive.html
阅读全文
摘要:基于前面一篇文章里对Promise对象的理解,本文主要对异步请求 axios 进行一个理解学习。 1.低版本浏览器不支持Promise对象的finally方法的问题解决 安装promise.prototype.finally包,并进行引用require('promise.prototype.fina
阅读全文
摘要:参考文档:https://router.vuejs.org/zh/guide/essentials/navigation.html
阅读全文
摘要:嵌套路由是非常常用的,一开始没仔细看过文档的时候踩过小坑,一是子路由的path里,不要加 了,直接写子路由的部分,路由的前半部分是直接从父路由中继承到了,二是对``组件渲染位置的理解 参考文档:https://router.vuejs.org/zh/guide/essentials/nested r
阅读全文
摘要:路由里面带参数,这种情况也是比较常见的,具体用法如下所示: 参考文档:https://router.vuejs.org/zh/guide/essentials/dynamic matching.html
阅读全文
摘要:路由配置,是vue使用的基础中的基础,采用传统的方式会有些麻烦且不清晰,而命名路由的方式,无论path多长多繁琐,都能直接通过name就匹配到了,十分方便,所以,强烈推荐使用命名路由的方式 传统的方式 命名路由的方式 样例代码 javascript import Vue from 'vue' imp
阅读全文
摘要:在当下的环境下,知识的更新速度非常之快,全部靠大脑容量也是不现实的,在接下来的系列篇幅里,主要针对vue相关的官方文档以及实际经验做简要的理解,和摘录存储,达到理解的基础上,方便使用的目的就好! 如上所示,也可以合并成一条语句,像下面这样: 参考文档:https://router.vuejs.org
阅读全文
摘要:vue的路由设置为hash模式,正常使用a标签的锚点定位,在浏览器刷新/后退/前进时,路由会匹配不上,导致页面无法正常渲染,在网上查了许多资料都说是要将vue的路由设置为history模式,后来偶然想到一种方法,现记录如下: 说明:上面的实现方式并不完美,页面刷新时,不会直接显示到上一次页面的浏览位
阅读全文
摘要:在vue项目中,如何修改框架或者引用的第三方库的组件样式呢? 修改不了的原因: `
阅读全文
摘要:时隔好久,终于开始用vue做项目了,工欲善其事,必先利其器,本文记录一下vue在chrome浏览器下的代码调试工具devtools插件的安装方法。 1.在github上面搜索插件源码,下载下来,安装包依赖 vuejs/vue devtools npm install 2.阅读项目的README.md
阅读全文
摘要:1.搭建好node环境之后,首先先确定一下集成在Node.js中的npm包管理器的版本是3.0.0以上。npm -v 2.全局安装vue-cli。npm install -g vue-cli ,安装成功之后,同样可以通过 vue -V 来查看一下版本,同时可以验证是否成功安装 3.安装完vue-cl
阅读全文