vue
一颗十月橘
这个作者很懒,什么都没留下…
展开
-
非父子组件传值、兄弟组件传值(mitt使用手册)
vue升3.X之后去掉了 $ on,$ offf,$once,所以就在这里记录一下用第三方插件mitt来传值1.安装mitt模块//cmdnpm install --save mitt2.新建一个文件实例化mitt//model/event.jsimport mitt from 'mitt'const event = mitt();export default event;3.实现header给传footer传值//header.vue<template>&l.原创 2021-08-06 13:41:08 · 565 阅读 · 0 评论 -
vue父子组件之间传值、父组件传子组件、子组件传父组件
先画个对应关系后面的基于这个,父main子header一、父组件传给子组件、子组件获取父组件1. props这种方式不支持子组件更改父组件的值,想改,这个下面有个$parent用他//main.vue<template> <c-header :user="user"></c-header>//:子组件接收值="data里的值" //要是要传的多,又有数据又想调方法,那就直接给实例传过去 <c-header :main="this"><.原创 2021-08-06 11:08:22 · 149 阅读 · 0 评论 -
VUE导出Excel
安装依赖 npm install -S file-saver xlsx npm install -D script-loader下载js(Blob.js、Export2Excel.js)原创 2021-06-28 14:28:48 · 85 阅读 · 0 评论 -
webpack的loader
loader就是将除了js外的别的东西变成模块化,例如css、图片、es6转es5原创 2021-06-21 16:46:20 · 63 阅读 · 0 评论 -
如何运行vue项目
首先,列出来我们需要的东西:node.js环境(npm包管理器)vue-cli 脚手架构建工具cnpm npm的淘宝镜像安装node.js从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。安装完成之后,打开命令行工具,输入 node -v,如下图,如果出现相应的版本号,则说明安装成功。npm包管理器,是集成在node中的,所以,直接输入...转载 2019-11-18 16:02:35 · 143 阅读 · 0 评论 -
npm run dev 报错:missing script:dev
npm run dev 报错:missing script:dev查找之后发现打开的项目中的package.json中的scripts没有dev ,而是serve。所以应该是 npm run serve运行vue项目。按照ip或者localhost就能打开网页啦...原创 2019-06-12 16:25:07 · 326 阅读 · 0 评论 -
vue脚手架环境配置
vue环境配置1.登录https://nodejs.org/en/,点击框中按钮,安装在电脑上。2.验证是否装上cmd中调整到安装路径cmd中node空格 -v 回车有版本号(已安装上)...原创 2019-06-10 15:11:03 · 230 阅读 · 0 评论 -
new Vue() 和 export default {}的区别
new Vue() 和 export default {} 的区别Vue 就是一个构造函数,生成的实例是一个巨大的对象,可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。所以渲染的时候,可以使用构造 Vue 实例的方式来渲染相应的 html 页面:new Vue({ el: '#app' ...})而export default{}是在复用组件的时候用到的。在一个...原创 2019-06-17 10:42:38 · 330 阅读 · 0 评论 -
[Vue warn]: Cannot find element: #vue-app报错解决
公司最近来了新员工,遇到[Vue warn]: Cannot find element: #vue-app这个报错问我,我也一起解决了好久,再次记录一下,防止再犯new vue({})的外部js,例如叫app.js要最后引入,因为要先有id为vue-app的div,vue才能获取相应的元素。否则会报错: [Vue warn]: Cannot find element: #vue-app...原创 2019-06-12 09:08:34 · 4681 阅读 · 3 评论