一、过滤器 1、语法: Vue. 支持在{{}}插值的尾部添加一小管道符 “ | ” 对数据进行过滤,经常用于格式化文本,比如字母全部大写、货币千位使用逗号分隔等。 2、过滤的规则是自定义 的, 通过给 Vue 实例添加…
标签:vue.js教程
vue笔记1 数据绑定,生命周期的钩子函数
一、 vue实例和数据绑定 1、引入vue的代码 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script&g…
vue父子组件通信
1.父向子组件通信通过props传值 //父组件 <template> <header-box :header-title="title"></header-box> </tem…
记vue使用swiper插件遇到的坑
npm install swiper --save-dev 一、在main.js引入swiper的css样式 import 'swiper/dist/css/swiper.css' 二、在需要使用的组件里局部引用swip…
vue-awesome-swiper页面渲染轮播无效的问题
vue-awesome-swiper的问题 使用vue-cli搭建的项目,在图片轮播部分采用了vue-awesome-swiper插件,没有数据时有轮播效果,接入数据渲染时,轮播无效。在网上查找一番之后,解决方法是,在最…
记Vue标签差异
最近在工作要负责维护公司内部的一个管理系统,前端采用vue来开发,对有些标签的差异不是特别理解,到网上看了以下大家是怎么理解的,以下是我的总结。 v-model v:bind v-model是双向绑定v:bind是单向绑…
Vue系列之目录
vuePress踩坑小记Vue组件通信vue系列之双向绑定&vDom总结vue系列之vue cli 3引入tsvue系列之生命周期vue系列之vue cli 3.0初体验Vue系列之搭建环境vue系列之requi…
vue轮播图插件
自己写了一个vue轮播图插件,自己感觉还可以,但不怎么熟悉vue希望大神们能指出错误或不好的地方。 效果: <template> <div class="vuecarousel"> <div…
Vue采坑(持续更新)
setInterval路由跳转继续运行并没有及时进行销毁 比如一些弹幕,走马灯文字,这类需要定时调用的,路由跳转之后,因为组件已经销毁了,但是setInterval还没有销毁,还在继续后台调用,控制台会不断报错,如果运算…
computed:快速理解setter和getter
计算属性定义:当其依赖的属性的值发生变化时,这个属性的值会自动更新;同时,与其相关的DOM也会同步更新。 运用范围:模板内的表达式一般都是比较简单的,这是vue设计模板的初衷;如果在模板中放入过多复杂的逻辑,会让模板过重…
vue mint-ui v-bind img标签的src 图片不显示
本来以为是mint-ui组件的问题,后来找了一下,发现是路径的问题。如下的路径是不行的:正确的路径如下,即用require()方法处理路径:资源经过loader处理,变成处理好的文件。如果不用require的话,图片资源…
g6-editor 使用
项目中需要使用G6-Editor。现写个文章记录下。思路:到github上面将官网的例子下下来(官网使用react写,项目是使用vue写,但是两者差不多)。接着结合官网的例子和api,弄个demo出来。然后一步步优化和完…