![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 77
千寻物语
这个作者很懒,什么都没留下…
展开
-
Vue基础(二)
文章目录过滤器自定义指令Vue生命周期过滤器Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符指示;全局过滤器Vue.filter(过滤器名称,function (data,arg) { });在过滤器的处理函数中 第一个参数已经本vue规定为 传递进来的参数,后面可以追加自定义参数。过滤器后面也可以跟过滤器,全局过滤器被所有Vue实例共享原创 2021-04-03 23:23:31 · 94 阅读 · 0 评论 -
Vue基础指令
文章目录v-clockv-textv-htmlv-bind【属性绑定】v-on 【事件绑定】事件修饰符v-model 数据双向绑定v-forv-if 和 v-showv-clock如果网速较慢,vue元素还没有渲染情况下,页面会显示源代码的 例如:{{mesage}}我们可以使用 v-clock,作用就是为Vue绑定的元素上添加该属性,只需要配合CSS设置样式就可以解决屏幕闪烁问题。<!DOCTYPE html><html lang="en"><head>原创 2021-03-30 00:18:57 · 3735 阅读 · 0 评论 -
vue中如何使用样式
文章目录使用class样式使用内联样式使用class样式数组,属性绑定<h1 :class="['thin', 'italic']">hello vue!!!</h1>这里的 thin 和 italic 都是class名称,在css中设定样式数组中使用三元表达式<h1 :class="['thin', 'italic', flag?'active':'']">hello vue!!!</h1> 数组中嵌套对象<h1原创 2021-03-29 23:44:50 · 230 阅读 · 0 评论