vue
文章平均质量分 73
lwplvx
这个作者很懒,什么都没留下…
展开
-
使用IoC来管理你的Vue应用
伴随着现代应用功能越来越多,各个模块不可避免的相互依赖、引用,如果没有任何策略的堆代码,应用的维护会变成一种灾难。因此,有效的管理和解耦依赖变得很重要。本文从依赖注入的角度切入,尝试利用相关的理念来解决这个问题。先看一个例子假设我们有两个模块:一个实现http请求,另一个实现路由跳转。// httpService.tsexport class HttpService { name = 'HttpService'}// routerService.tsexport c...转载 2021-06-23 11:27:04 · 461 阅读 · 0 评论 -
如何将vue中markdownr组件mavon-editor内容转换成html并渲染样式
最近写一个博客系统,然后里面的博客编写使用的是markdown语言,使用的是mavon-editor组件,所以主要要解决的是博客在前端展示界面的问题。 下载依赖 npm install marked 在需要使用的页引入 import marked from 'marked' 语言转换 注:这里blog是转换后的html语言,而blogDetailData.content是从数据库取出来markdown文本 async createBlog() { th原创 2021-04-03 22:46:29 · 2748 阅读 · 2 评论 -
在ASP.NET Core中托管Vue:另一种方式
http://wildermuth.com/2020/09/13/Hosting-Vue-in-ASP-NET-Core-A-Different-Take一些是 google 自动翻译的,个别地方比较生硬……。在开发和教授Vue的几年中,我尝试了许多不同的方法来使ASP.NET Core和Vue相互配合。我看到的采用的策略之一(尤其是Angular和React)是Microsoft的Spa框架扩展。因为Vue并非开箱即用(或没有模板),所以很长一段时间我都拒绝了这种方法。平台已经成熟,并且有V.翻译 2021-03-18 11:38:07 · 965 阅读 · 0 评论 -
VS Code 如何调试 vue - Debugger for Chrome
VS Code 如何调试 vue 使用Debugger for Chrome安装Debugger for Chrome插件 Debugger 图标来到 Debug 视图,然后点击那个齿轮图标来配置一个launch.json的文件。 添加配置: { // Use IntelliSense to learn about possible attributes. // Hover to view descriptions of existing attributes. ...原创 2021-01-22 09:38:06 · 686 阅读 · 0 评论 -
vue 自定义过滤器,格式化时间字符串
Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和v-bind表达式(后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示:<!-- 在双花括号中 -->{{ time | formatTime('yyyy-MM-dd')}}<!-- 在 `v-bind` 中 --><div v-bind:time="time | formatTime('yyyy-M...原创 2020-07-29 12:15:14 · 603 阅读 · 0 评论 -
Vue 如何调试手机端网页,VConsole 手机网页的前端 console 调试面板
一、安装使用 npm :npm install vconsole二、在Vue项目中引入在 mian.js 文件夹中引入,并判断production环境使用import VConsole from 'vconsole'if (process.env.NODE_ENV === 'production') { new VConsole()}请注意,VConsole 只是 vConsole 的原型,而非一个已实例化的对象。所以在手动 new 实例化之前,vConsole 不会被插入到网页中。原创 2020-06-29 12:55:55 · 3351 阅读 · 0 评论 -
工欲善其事必先利其器,VSCode Vue文件格式化
自从将VSCode更新之后,vue文件的html格式化就失效了,而且vue文件中的js ,css格式化样式都变了,原因在于都采用了 prettier 来格式化,而配置文件中 vetur.format.defaultFormatter.html 这个配置项的值为"none"将vetur这个插件的 vetur.format.defaultFormatter.html 值修改成 js-beautify...转载 2018-05-09 10:38:51 · 541 阅读 · 0 评论 -
vue 自定义组件使用v-model
<input v-model="something">v-model指令其实是下面的语法糖包装而成:<input :value="something" @:input="something = $event.target.value">在一个组件上使用 v-model 时,会简化为:<custom-input :value="something"转载 2018-05-10 10:54:07 · 563 阅读 · 0 评论