vue
文章平均质量分 73
蜗牛不会跑~
生命虽然无趣,但总要留下点什么!!
展开
-
CSS如何实现内凹角效果
记得@Lea Verou的《CSS Secrets》一书和前几天@Chris Coyier刚发的帖子都介绍了CSS怎么实现元素斜切口的效果。我也尝试着借助Vue的能力,把这种效果构建成一个Vue组件。我把这种效果定义为外切口。而今天将要聊的是与其刚好相反的一个效果:CSS如何实现内凹角的效果。上图展示的效果就是接下来所要聊的内凹角的效果。也就是说,通过下文的介绍,我们可以知道这种效果是如何做的,而...转载 2018-06-26 16:14:58 · 10950 阅读 · 1 评论 -
在Vue中如何用数据来驱动用户界面
虽然我们通常知道在应用程序中构建大多数视图(View)时需要哪些组件(Component),但很多时候我们并不知道这些组件在运行时是什么。这意味着我们需要基于应用程序状态、用户首选项或API的响应来构建一个页面。一个常见的情况是构建动态表单,其中需要整清楚的是:组件是由JSON对象配置的,还是基于用户的答案而更改的字段来构建。所有现代JavaScript框架(比如我们熟悉的Vue、React等)都...原创 2018-06-27 11:41:25 · 683 阅读 · 0 评论 -
国际化——Vue-i18n的使用
Vue-i18n安装npm install vue-i18n --saveVue-i18n的使用在入口main.js文件配置使用import Vue from 'vue'import VueI18n from 'vue-i18n'Vue.use(VueI18n);/*---------基本使用-----------*/const i18n = new VueI18n({ ...转载 2018-10-10 11:14:15 · 1034 阅读 · 0 评论 -
Vue之mixin全局的用法详解
个人觉得全局mixin就是给全部Vue文件添加一些公用的实例(方法,过滤器and so on)使用场景:货币单位,时间格式。这些如果在用到的页面使用的话代码会重复的很多,所以在全局混入这些实例会减少代码量,可维护性也比较高。ex:step1: 先定义mixin.js 1 2 3 4 5 6 7 8 9 1...原创 2018-12-19 14:11:38 · 6915 阅读 · 0 评论 -
Vuex 2.0 源码分析(上)
当我们用 Vue.js 开发一个中到大型的单页应用时,经常会遇到如下问题:如何让多个 Vue 组件共享状态 Vue 组件间如何通讯通常,在项目不是很复杂的时候,我们会利用全局事件总线 (global event bus)解决,但是随着复杂度的提升,这些代码将变的难以维护。因此,我们需要一种更加好用的解决方案,于是,Vuex 诞生了。本文并不是 Vuex 的科普文章,对于还不了解 Vue...原创 2018-12-16 18:17:25 · 272 阅读 · 0 评论 -
Vuex 2.0 源码分析(下)
辅助函数Vuex 除了提供我们 Store 对象外,还对外提供了一系列的辅助函数,方便我们在代码中使用 Vuex,提供了操作 store 的各种属性的一系列语法糖,下面我们来一起看一下:mapStatemapState 工具函数会将 store 中的 state 映射到局部计算属性中。为了更好理解它的实现,先来看一下它的使用示例:// vuex 提供了独立的构建工具函数 Vuex...原创 2018-12-16 18:19:01 · 220 阅读 · 0 评论 -
vue图片点击放大预览v-viewer
图片放大预览功能参考网站:https://github.com/mirari/v-viewerimage.png1、安装依赖npm install v-viewer --save2、全局引入import Vue from 'vue';import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vu...转载 2019-07-01 15:20:33 · 2890 阅读 · 0 评论