
vue
Crazy error
这个作者很懒,什么都没留下…
展开
-
Vue使用filters过滤时不能使用this的解决办法
Vue使用filters时将需要用到的字段(list)传过去使用<template slot-scope="scope"> {{ scope.row.id | filter(list) }}</template>filters: { filter: (item, list) => { .... return item ...原创 2020-04-13 17:09:07 · 4179 阅读 · 1 评论 -
通过命令设置环境变量在其他文件不起作用
碰到问题的场景:通过命令设置环境变量并且在src文件夹需要用到环境变量时问题:定义过了cross-env NODE_ENV=production,为什么还要在DefinePlugin里面定义一遍?答:DefinPlugin里面定义就可以在你的src 目录下的文件里直接使用process.env.NODE_ENV"scripts": { "build": "cross-env NODE...原创 2020-03-05 11:43:39 · 593 阅读 · 1 评论 -
组件通信和cli的安装使用
组件通信 – 单项数据流 >9种1. 父子组件通信: 父组件将自己的数据传递给子组件父组件将自己的数据通过属性绑定的形式传递给子组件<Son :aa = "money"></Son>子组件在自己的配置项中通过 props 来接收这个属性Vue.component('Son',{ template: '#son', // props: ['aa']...原创 2019-05-29 22:56:40 · 183 阅读 · 0 评论 -
vue生命周期
生命周期生命周期:当前组件在创建到销毁经历的一系列过程,称之为生命周期生命周期的分为几个阶段?每个阶段有哪些钩子函数生命周期分为3个阶段,这三个阶段分别是: 初始化 、 运行中 、 销毁初始化阶段:有4个钩子函数 , 触发条件是自动的beforeCreate组件即将创建,进行组件事件和生命周期的初始化项目中一般不使用( 兵哥 )有的开发者也会在这里进行数据请求...原创 2019-05-28 22:49:40 · 124 阅读 · 0 评论 -
vue组件与组件化
组件化组件化是当今最为流行的一种可复用性增加的方法,随着当今前端开发的复杂度更加,这个组件化变得越来越流行组件组件是一个具备html css img js …等的一个聚合体Vue.js通过Vue.extend() 方法来扩展组件的使用Vue.extend( options ) 里面的options参数和 Vue(options) 的options参数几乎是一致的new Vue...原创 2019-05-27 22:35:40 · 171 阅读 · 0 评论 -
初次使用vue
第一次使用Vue心得什么是vue.jsVue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。什么是框架?什么是库框架是有一套自己的生态系统的库是没有自己的生态系统的, 它就是ue一个工具查看vue.js的源代码先大致看一下源码...原创 2019-05-22 22:12:23 · 159 阅读 · 0 评论 -
vue--mixin混入以及虚拟DOM和diff算法
mixin混入使用它的好处:将 options 中的配置项可以单独抽离出来,单独管理,这样方便维护使用:新建一个对象用来保存 options 中某一个配置项,比如: methods接下来要将我们创建好的对象混入到我们的 ViewModel 中,我们的混入形式有两种局部混入 【 推荐 】 — ---只是在当前 vm 中才有new Vue({ mixins: [ myMix...原创 2019-05-26 16:55:03 · 337 阅读 · 0 评论 -
vue--计算属mockjs性和侦听属性
模拟假数据mock.jshttp://mockjs.com/json-server( 启动一个api接口服务器 )https://www.npmjs.com/package/json-server#getting-startedcomputd vs watch vs methods项目中什么时候使用:computed:有逻辑像变量一样使用methods...原创 2019-05-26 16:51:45 · 133 阅读 · 0 评论 -
vue数据请求(axios--fetch)
数据请求数据请求的类型getpostheadputdeleteoption…vue中最常使用的方式vue 1.x 的版本提供了一个封装库 vue-resource , 但是到了vue 2.x版本之后,这个就弃用了vue-resource使用方法和 axios 相似度在 95%区别:vue-resouce有jsonp方法,但是axios是没有的vue2.x...原创 2019-05-26 16:48:09 · 353 阅读 · 0 评论 -
vue事件以及双向数据绑定
事件指令v-on格式v-on:eventType = "事件处理程序名称"简写@eventType = '事件处理程序名称'参数例:<div id="app"> <h3> 普通事件 </h3> <button v-on:click = 'normalHandler'> 普通事件 </butto...原创 2019-05-24 19:39:19 · 183 阅读 · 0 评论 -
vue指令
指令作用: 是用来操作DOM的,指令就是绑定在DOM身上的一个属性,这个属性具备一定的功能,这个功能用来操作DOM现在可以直接使用指令来操作DOM,而不用先获取DOM再操作了,这个指令需要模板语法的支持,所以采用jsx语法糖格式:v-xxx = “mustache语法”v-xxx = “msg”v-xxx = “{{msg}}”v-html将一个数据展示在一个DOM内容中, ...原创 2019-05-24 19:21:38 · 188 阅读 · 0 评论