随笔分类 -  vue.js

vue自定义指令
摘要：一、通过 Vue.directive() 定义全局指令 <body> <div id="aa"> <input type="text" id="search" val="" v-focus> <p v-fontWeight="800" v-color=" 'green' "> {{msg}} </p 阅读全文
posted @ 2020-04-01 19:40 苏小妞吖 阅读(216) 评论(0) 推荐(0)
vue之过滤器的用法
摘要：一、概念 Vue.js 允许自定义过滤器，可被用作一些常见的文本格式化。 过滤器可以用在两个地方： 插值表达式和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道符“ ‘ | ’ 指示 二、定义全局过滤器 这里使用文本替换对过滤器做一个基础的分析。 <body> 阅读全文
posted @ 2020-03-31 21:51 苏小妞吖 阅读(607) 评论(0) 推荐(0)
vue指令之 v-fo循环和 v-show 以及key值的用法
摘要：一、v-for指令 下文用四个案例来分别解析，包括循环普通数组，循环对象数组、循环对象以及 数字迭代。 <body> <div id="add"> <!-- v-for 循环普通数组 (num,int) 其中的第一个值表示内容，第二个值为索引。如果只填写内容，则修改v-for循环的内容为 num i 阅读全文
posted @ 2020-03-25 15:11 苏小妞吖 阅读(2091) 评论(0) 推荐(0)
在vue中使用样式的方法
摘要：一、vue属性绑定 在vue中，是通过v-bind 属性绑定来实现给元素绑定style样式。 其中有两种方式，一种是通过绑定class类绑定样式，另一种是通过内联样式来实现样式的绑定。 二、绑定class样式 1. 数组 <h1 :class="['red', 'thin']">这是一个邪恶的H1< 阅读全文
posted @ 2020-03-13 17:46 苏小妞吖 阅读(3164) 评论(0) 推荐(0)
vue事件修饰符
摘要：一、阻止冒泡事件修饰符 什么是冒泡事件？在div嵌套的条件下，给所有div同时绑定click事件，点击最里面的div事件会一层一层由内向外触发父div的事件。事件从最里层的后代div逐层传出，这部分我们叫冒泡过程。 如何阻止事件冒泡，在vue修饰符中有一个指令为“ .stop” ,为内层的div绑定 阅读全文
posted @ 2020-03-13 12:38 苏小妞吖 阅读(180) 评论(0) 推荐(0)
vue指令
摘要：一、指令基本分析 1、v-cloak 解决 插值表达式闪烁的问题 2、v-text=“变量名” 替换文本 3、v-html=“变量名” 解析html代码 4、v-model =“变量名” 实现双向数据绑定 二、案例详解 在 VM 实例中，如果要访问 data 上的数据，或者要访问 methods 中 阅读全文
posted @ 2020-03-12 14:24 苏小妞吖 阅读(192) 评论(0) 推荐(0)
vue基础
摘要：一、vue是什么？ vue.js与react.js和angular.js并称为前端三大主流框架（能够减少不必要的dom操作，提高渲染效率；双向数据绑定的概念） ）。 Vue.js 是一套构建用户界面的框架，**只关注视图层**，它不仅易于上手，还便于与第三方库或既有项目整合。 前端的主要工作就是负责 阅读全文
posted @ 2020-03-12 11:17 苏小妞吖 阅读(183) 评论(0) 推荐(0)