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 · 1524 阅读 · 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 · 668 阅读 · 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 · 339 阅读 · 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 · 204 阅读 · 3 评论 -
使用Vue CLI构建项目以及安装Vue CLI报错的解决方法
使用Vue CLI构建项目 1.安装好node.js以及cnpm npm install cnpm -g --registry=https://registry.npm.taobao.org 2.安装Vue CLI,(使用淘宝镜像会快一些)安装好之后查看版本,如果打印出版本号则说明安装成功 cnpm install vue-cli -g vue --version 3.安装webpack,使用全局安装 npm install webpack@3.6.0 -g 4.cd到想要放置的文件目录,初始化项原创 2020-10-03 17:12:27 · 913 阅读 · 0 评论