Vue基础
Cao_Mary
这个作者很懒,什么都没留下…
展开
-
options has an unknown property ‘overlay‘.
ValidationError: Invalid options object. Dev Server has been initialized using an options object that does not match the API schema. - options has an unknown property 'overlay'. These properties are valid: object { allowedHosts?, bonj原创 2023-04-12 16:06:23 · 2173 阅读 · 2 评论 -
Vue初始化创建项目
Vue初始化创建项目1.创建项目:2.打开项目:3.删除项目中的默认添加文件4.添加自己的东西4.1.初始化HTML中的代码:4.2.使用视口缩放+rem的方式适配移动端。4.3.运行查看效果:npm run serve4.4.借助postcss-pxtorem实现自动将px转换为rem。4.5.借助webpack实现CSS3/ES678语法的兼容4.6.借助fastclick,解决移动端点击事件100-300ms延迟的问题4.7.初始化默认的全局样式:5.创建后目录结构1.创建项目:安装脚手架工具原创 2021-02-16 18:09:35 · 513 阅读 · 0 评论 -
使用Vue-CLI手动配置【初始化项目】
配置的时候使用键盘,而不是鼠标。方向键:选择选项空格:键选中选项回车:下一步选择需要配置的项目是否安装Router配置CSS配置标准规范配置文件存储位置是否保存本次配置,以便下次使用...原创 2021-02-16 17:12:59 · 799 阅读 · 2 评论 -
NodeJS 编写工具包的版本号和帮助文档 [报错:error: unknown option ‘--version]
一般全局的工具包有两个参数必须要处理:–version和–help,分别会输出包的版本号,和帮助文档。编写步骤:1、获取传递参数:NodeJS 通过process.argv获取参数2、根据不同的参数,返回不同内容返回不同内容,除了使用if语句判断自定义指令传递的参数外。还可以使用commander工具,快速编写工具包的版本号和帮助文档。1.安装commander包:npm i commander2.导入commander:const program = require(‘commande原创 2020-11-11 20:59:17 · 1543 阅读 · 0 评论 -
Duplicate keys detected: ‘0‘. This may cause an update error.
报错:Duplicate keys detected: ‘0’. This may cause an update error.原因:同一个模板里,有两个v-for,:key都用的是遍历得到的index<template><div v-for="(value, index) in arr" :key="index"></div><div v-for="(value, index) in arr2" :key="index"></div>原创 2020-09-04 12:31:26 · 615 阅读 · 0 评论 -
Vue封装Echarts、复用Echarts
【非原创】本文思路已经很详实了转载 2020-09-02 19:53:43 · 858 阅读 · 0 评论 -
elementUI点击NavMenu的一个菜单,跳转到另一个页面,菜单,头部消失
使用elementUI的NavMenu,点击菜单时,有时需要跳转到另一个页面后,菜单,头部消失,就像一个新开的页面。解决方法:在新页面的组件中,使用css实现,如下:<template> <div class="direct"> </div></template><script>export default { name: 'Direct',}</script><style scoped lang原创 2020-08-25 17:03:36 · 3720 阅读 · 1 评论 -
Could not install from “element-ui\lib\nav-menu“ as it does not contain a package.json file.
使用Element-UI编写导航栏,需要使用NavMenu。为避免项目过大,[ 按需引用 ] NavMenu后报错:Could not install from “element-ui\lib\nav-menu” as it does not contain a package.json file.。// 按需引用import { NavMenu } from 'element-ui'解决办法:使用NavMenu 按需引用需修改如下:import { Menu, Submenu, MenuIte原创 2020-08-13 21:39:31 · 1922 阅读 · 0 评论 -
简述Vue生命周期
1.什么是生命周期方法?从生到死的特定阶段调用的方法PS: 生命周期钩子 = 生命周期函数 = 生命周期事件Vue生命周期介绍,官网2.Vue生命周期方法分类2.1、创建期间的生命周期方法beforeCreate:方法特点——调用时没有初始化好Vue实例中的数据(data)和方法(methods)。即调用此方法时还不能调用Vue实例的数据和方法。created:——是我们最早能够访问Vue实例中保存的数据和方法的地方。beforeMount:——表示Vue已经编译好了最终模板,但是还没有将最原创 2020-07-09 18:09:11 · 692 阅读 · 1 评论 -
【Vue报错】did you register the component correctly
问题描述:Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.报错原因1::是因为暴露组件的时候加了组件扩展名,导致未识别。//错误写法:export default { name: 'xxx.vue'}//正确写法export default { name: 'xxx'原创 2020-06-22 11:23:54 · 6018 阅读 · 0 评论 -
Vue的渲染方式(如何将组件添加到实例控制区域)
1.Vue渲染组件的两种方式1.1先定义注册组件, 然后在Vue实例中当做标签来使用<div id="app"> <one></one>//在实例中当做标签使用</div><template id="one"> <div> <p>我是组件22</p> </div></template><script> Vue.compo原创 2020-06-04 18:47:54 · 652 阅读 · 0 评论 -
Vue父子组件数据传递方式
使用Vue的同学,本文一、二两个小结必须掌握。Vue父子组件数据传递方式一*、父组件给子组件传递数据二*、父组件给子组件传递方法三、子组件给父组件传递数据四、组件数据多级传递五、组件方法多级传递一*、父组件给子组件传递数据1在父组件中通过v-bind传递数据传递格式 v-bind:自定义接收名称 = "要传递数据"2在注册组件的子组件中通过props接收数据接收格式 props: [“自定义接收名称”]<!DOCTYPE html><html lang="en">原创 2020-05-12 18:49:13 · 513 阅读 · 0 评论 -
Vue常用指令
指令:即Vue内部提供的自定义属性,其封装了Vue内部实现的一些功能。v-once:界面不跟数据变化,只渲染一次。v-cloak:数据渲染后自动显示元素。 [v-cloak]:{display: none}默认先隐藏未渲染的界面等到生成HTML渲染之后再重新显示。Vue数据绑定过程:1.会先将未绑定数据的界面展示给用户2.然后再根据模型中的数据和控制的区域生成绑定数据之后的HTML...原创 2020-04-22 13:00:33 · 176 阅读 · 0 评论