vue
前端vuejs框架
杜小姐-
热爱编程,喜欢探索新技术!
展开
-
Vue使用过滤器格式化日期出现NaN
今天使用v-for获取一个时间戳, 然后加过滤器,添加数据之后, 变成了NaN-NaN-NaN,不加过滤器,能够正常显示出来。这个什么原因?<td>{{ item.ctime | dateFormat('')}}</td> //全局过滤器,进行时间格式化 Vue.filter('dateFormat',function(dateStr,pattern){ //根据给定的时间字符串,得到特定的时间原创 2021-08-19 23:08:05 · 1392 阅读 · 0 评论 -
Vue中的样式绑定
操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。绑定 HTML Class我们可以传给 v-bind:class 一个对象,以动态地切换 class: <h1 :class="{active: is原创 2021-08-18 23:27:01 · 116 阅读 · 0 评论 -
vue脚手架的作用是什么?
vue脚手架的作用是用来自动一键生成vue+webpack的项目模版,包括依赖库,免去你手动安装各种插件,寻找各种cdn并一个个引入的麻烦。vue脚手架–vue-cli的安装前提条件:确保node环境:安装vue-cli需要在node环境下安装,所以首先确保自己安装了node,检查自己电脑是否安装了node ,可以在命令行工具内执行: node -v,如下图,如果出现相应的版本号信息,说明安装了node注意:安装vue-cli脚手架需要电脑安装的node的版本在v4.0以上第一步:新建Vue脚手原创 2021-08-17 12:27:50 · 6284 阅读 · 0 评论 -
Vue中axios的使用
标题原创 2021-08-29 14:49:22 · 162 阅读 · 0 评论 -
Vue中组件化和模块化的区别
什么是组件组件的出现,就是为了拆分Vue实列的代码里的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。组件化和模块化的不同:模块化:是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个每个功能模块的职能一致。组件化:是从UI界面的角度进行规划;前端的组件化,方便UI组件的重用全局组件定义的三种方式第一种 <div id="app"> <!-- 如果要使用组件,直接把组件的名称,以HTML标签形式,引入到原创 2021-08-21 15:54:15 · 2440 阅读 · 0 评论 -
[Vue warn]: Invalid prop报错
今天开发项目的时候出现了一下这种情况[vue warn]:无效的属性:属性“列表”的类型检查失败。应为数组,已获取对象错误原因:子组件 props -> list 要求接收的数据类型是 Array, 然而实际接收到的是 Undefined。所以检查父组件传过来的值,保证传过来的值是子组件所期望的数据类型即可。...原创 2021-08-24 18:04:03 · 2700 阅读 · 0 评论 -
Vue中指令的用法
vue常用指令文章目录vue常用指令1.v-bind2.v-on3.v-for4.v-if5. v-show总结示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。1.v-bind作用:动态地绑定一个或多个attribute,允许我们把属性的值写出变量的形式代码如下(示例): <!-- v-bind 给非指令的属性使用变量 --> <a v-bind:href="url" v-bind:target="target">{{msg}原创 2021-08-14 12:38:25 · 988 阅读 · 0 评论