vue
strive涛
一直致力于前端技术的学习,时刻努力着
展开
-
基于elementUI的菜单(element-menu)展示(无线级)
可以通过 npm install element-menu进行安装<script>export default { name: 'menu-items', props: ['menuList', 'active_menu'], render: function(h) { var showMenu = menuList => { ...原创 2019-11-11 18:17:04 · 1633 阅读 · 0 评论 -
发布vue组件npm步骤
1.创建vue项目2.创建组件3.创建index.js文件4.登录npmnpm login5.发布npm publish原创 2019-11-11 18:04:14 · 199 阅读 · 0 评论 -
vue中央事件总线(bus)
面试官:vue中传值有哪几种类型的? 我:父组件到子组件传值,子组件到父组件,子组件到子组件面试官:能具体说说吗? 我:父到子是prop,prop包括数组类型和对象类型,对象类型就是指定传值类型,用来做数据类型验证,子到父是emit,而父组件监听emit,而父组件监听emit,而父组件监听emit触发的事件,那子到子呢?可以采用中央总线bus或者是vuex...原创 2019-08-16 15:57:38 · 3238 阅读 · 0 评论 -
vue之全局过滤器
main.js(1) 引入过滤器(@/filters/index.js为过滤器所在的文件)import * as filter from '@/filters/index.js'(2)// 全局过滤器配置Object.keys(filter).forEach(key => { Vue.filter(key, filter[key]) });...原创 2019-08-14 15:12:07 · 237 阅读 · 1 评论 -
vue-cli2及vue-cli3mock假数据(很棒)
vue-cli21.新建mock文件夹,然后建立你的json文件2.配置文件(bulid->webpack.dev.conf.js)3.axios请求该接口即可vue-cli3(更简单)vue-cli3主打零配置,所以配置起来更加的简单然后axios请求即可...原创 2019-07-18 10:46:32 · 576 阅读 · 0 评论 -
vue 3.0创建项目(一步步带你走过去)
1.卸载旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。2.安装新版本npm install -g @vue/cliORyarn global add @...原创 2019-07-02 14:14:18 · 918 阅读 · 0 评论 -
vue+vue-routr+axios项目搭建(目前项目在用)
1.vue-cli搭建框架小白6步搞定2.下载vue-router(1)npm install vue-router(2)根目录下创建router文件夹,并在router文件夹下创建router.js文件(3)写上router.js代码import Vue from 'vue'import VueRouter from 'vue-router'/** * 加载模块 */Vu...原创 2019-06-06 18:40:53 · 511 阅读 · 0 评论 -
vue中axios的封装
第一步还是先下载axioscnpm install axios -S 第二步建立一个htttp.jsimport axios from 'axios';import { Message } from 'element-ui';axios.defaults.timeout = 5000;axios.defaults.baseURL =’’;//http req...原创 2019-08-14 15:16:36 · 202 阅读 · 0 评论 -
vue 代理配置
1.vue项目中(config -> index.js)改为自己想要的端口改端口2.配置nginx原创 2019-08-14 15:18:06 · 197 阅读 · 0 评论 -
vue之自定义指令默认不刷新数据的解决方式(项目通过)
很多人会问,我已经v-for循环了,我数据也跟着变了,那么为什么我用自定义指令渲染的数据为什么不变呢?很好,我来给您老人家答疑解惑:因为就v-for来说,其实这个兄弟内部存在着一种机制“就地复用”,什么叫“就地复用”?这个东西就是在我自定义指令上面已经存在数据了,那么我就不再渲染新的dom了,这个也有一种“缓存”的感觉存在,这个东西虽然避免了重复渲染,会使页面再这里不需要重新加载,但是更多的时...原创 2018-12-25 11:00:48 · 2520 阅读 · 1 评论 -
vue v-time指令封装(时间戳到日期转换)
// 全局时间戳转换指令注册Vue.directive('time',{ bind: function (el,binding) { let getTime = new Date(binding.value) el.innerHTML = `${getTime.getFullYear()}-${getTime.getMonth()+1}-${getTime.getDate()...原创 2018-12-24 11:06:00 · 4827 阅读 · 1 评论