![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
zh_rey
这个作者很懒,什么都没留下…
展开
-
Vue二次封装组件,并传递props和v-on事件
有的时候我们全局引用UI框架(类似于ElementUI)的时候,有些简单的组件我们想进行二次封装,并确保能传递所需的props和事件,这时候就需要用到vue实例上的两个属性:$props和$listeners,最后全局注册组件覆盖掉原始的就好了。<template> <el-inputs v-model="currentValue" v-bind="$props" v-on="$listeners"></el-inputs></template>&l原创 2020-06-13 17:17:55 · 4250 阅读 · 0 评论 -
Vue.js基础(2.0+)
1、注册组件 // 定义名为 todo-item 的新组件Vue.component('todo-item', { template: '这是个待办项'})2、构造器扩展 Vue 构造器,从而用预定义选项创建可复用的组件构造器var MyComponent = Vue.extend({ // 扩展选项})// 所有的 `MyCompone原创 2017-06-21 15:13:12 · 432 阅读 · 0 评论 -
通过vue-cli安装vue.js
1、首先安装npm和git2、全局安装vue-clinpm install -g vue-cli3、创建一个基于webpack的vue模板(后面是自定义项目名)vue init webpack my-project依次填入相关信息生成如下目录4、进入当前目录cd vue-project5、安装node组件相关依赖npm install6、运行vue项目npm run dev默认监听地址http:/...原创 2017-11-26 15:33:54 · 1085 阅读 · 0 评论 -
Vue打包后放到服务器出现Loading chunk {n} failed 错误的解决办法
这个报错的主要原因是因为vue通过webpack打包生成多个模块js文件,我们把build后的文件上传到服务器,这时是第一次上传,我们访问时不会出现该报错。但是正常的项目都会需要更新迭代,当我们再次打包后某些js文件就会改变,再上传到服务器后,由于浏览器缓存问题,用户在访问的时候还会再访问之前的js文件,这是就会出现Loading chunk {n} failed这种报错。哪怕我们解决浏览器的缓...原创 2019-03-31 22:25:08 · 14157 阅读 · 18 评论