vue
文章平均质量分 75
vegetable-WEN
一个仍是前端小白的人
展开
-
Vue学习笔记之Vue计算属性
秋招过后,意识到自己的不足,最近又重新复习了一下codewhy老师的Vue,今天跟大家分享一下Vue插值的操作文章目录一、计算属性的基本使用示例:二、计算属性的复杂操作示例:总结一、计算属性的基本使用示例:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-w原创 2021-12-09 11:57:26 · 890 阅读 · 0 评论 -
Vue学习笔记之动态绑定属性
秋招过后,意识到自己的不足,最近又重新复习了一下codewhy老师的Vue,今天跟大家分享一下Vue动态绑定属性的知识文章目录一、v-bind的基本使用示例:二、v-bind动态绑定属性class(对象语法)示例:三、v-bind动态绑定属性class(数组语法)示例:四、v-bind动态绑定style(对象语法)示例:五、v-bind动态绑定style(数组语法)示例:总结一、v-bind的基本使用v-bind最常见的用法就是我们来绑定一个属性比如图片属性示例:<!DOCTYPE ht原创 2021-12-08 22:47:00 · 1330 阅读 · 0 评论 -
Vue学习笔记之Vue插值的操作
秋招过后,意识到自己的不足,最近又重新复习了一下codewhy老师的Vue,今天跟大家分享一下Vue插值的操作文章目录一、Mustache语法示例:二、v-once指令的用法示例:三、v-html指令的用法示例:四、v-text指令的用法示例:五、v-pre指令的用法示例:六、v-cloak指令的用法示例:总结一、Mustache语法我们使用Vue的时候,想要将data里面定义的数据放到HTML里面来显示,这时候就会用到我们的Mastache语法,也就是双大括号{{}}的一个用法示例:<原创 2021-12-08 20:52:00 · 851 阅读 · 0 评论 -
在vue中使用Echarts绘制图表
在脚手架的依赖选项里面虚选择安装依赖,运行依赖搜索echarts找到对应依赖并安装项目中导入Echarts并且根据官方文档添加Echarts的相关结构如果导入了相关结构发现报错无显示等情况的话先卸载echarts依赖,安装指定的低版本的echarts试试看成功如下:...原创 2021-08-12 18:38:24 · 725 阅读 · 0 评论 -
Vue报错Property or method “manyData“ is not defined on the instance but referenced during render
今天写项目的过程中遇到了这个问题,Property or method “manyData” is not defined on the instance but referenced during render,翻译了一下是说属性或方法“manyData”不是在实例上定义的,而是在渲染过程中被引用的这就说明在data上没有定义该数据或者是定义了数据引用错了,我这里是太粗心把数据放错地方了,仔细检查放到data下引用正确就解决了...原创 2021-08-12 16:33:07 · 473 阅读 · 0 评论 -
Element-ui的使用
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、基于命令行方式手动安装二、基于图形化界面自动安装1.运行vue ui命令,打开图形化界面2.通过Vue项目管理器,进入具体的项目配置面板3.点击插件,添加插件,进入插件查询面板4.搜索vue-cli-plugin-element并安装5.配置插件,实现按需导入,从而减少打包后项目的体积总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习原创 2021-08-04 20:55:41 · 13870 阅读 · 1 评论 -
Vue脚手架的基本用法
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、安装脚手架二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、安装脚手架示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库可以选择默认可以原创 2021-08-04 20:51:53 · 666 阅读 · 0 评论 -
前端小案例之tab栏切换
最近学习vue的时候用vue实现了一个简单的tab栏切换,分享给大家文章目录一、案例介绍?二、案例代码总结一、案例介绍?效果如下:该案例主要是在tab盒子上面放一个ul里面有五个小li,下方对应的是五个盒子,通过控制下面图片盒子的显示隐藏和对比currentIndex和index的值来对应显示相应的盒子。二、案例代码代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset=.原创 2021-07-31 13:11:45 · 919 阅读 · 0 评论