vue
学习梁灏老师的Vue,js实战笔记。
许之知否
认真即信仰
展开
-
Vue中画词云图遇到数组push问题和 [__ob__: Observer]格式
今天用vue+echarts做词云图的时候,发现拿不到json格式的数据,这里主要有两个点:1.在vue中使用this拿到data中的数据,然后给它赋值的话,得到的数据是[__ob__: Observer]格式 。2.[__ob__: Observer]格式是vue对数据设置的监控器,双向绑定,不可以枚举。先看一下我一开始使用push方法的代码://objGroup是我转换为{"":"","":"","":"",......}这种形式的数据for (let key in objGroup) {原创 2021-04-17 17:48:54 · 1510 阅读 · 0 评论 -
vue开发数字输入框组件
知识点v-model双向绑定value父组件向子组件传递数据props解决单向数据流的问题,在子组件的data选项中声明一个currentValue,默认使用value的值data: function() { return { currentValue: this.value, prop_step: 10 }; }watch选项监听prop或data的改变watch: { currentValue: functio转载 2020-12-17 20:17:00 · 637 阅读 · 0 评论 -
vue组件开发~计数器
实现效果如图:使用v-bind动态绑定和v-on事件监听,使用props让父组件传递数据给子组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <style> .container{原创 2020-12-17 17:30:14 · 335 阅读 · 2 评论 -
vue的动态组件
使用<component>元素动态挂载不同的组件,使用is特性来选择要挂载的组件先在实例中注册三个组件,然后在实例的data选项中给currentview设置一个默认显示的组件,接着在methods中创建方法并使用v-on监听DOM事件,动态改变currentview对应的组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>.原创 2020-12-16 20:36:01 · 200 阅读 · 3 评论 -
使用Vue CLI构建项目以及安装Vue CLI报错的解决方法
使用Vue CLI构建项目1.安装好node.js以及cnpmnpm install cnpm -g --registry=https://registry.npm.taobao.org2.安装Vue CLI,(使用淘宝镜像会快一些)安装好之后查看版本,如果打印出版本号则说明安装成功cnpm install vue-cli -gvue --version3.安装webpack,使用全局安装npm install [email protected] -g4.cd到想要放置的文件目录,初始化项原创 2020-10-03 17:12:27 · 897 阅读 · 0 评论