零基础学习Vue: 第37课 Vue动态组件切换获取数据渲染页面方法: 解决方法一: 设置watch监听事件,监听params传递数据的变化从而触发监听函数 获取数据 解决方法二: 给router-view标签添加key值 表示唯一性 这样每次切换aaa页面组件就会重新渲染从而触发created生命周期函数获取数据 下面是详细实现代码: 运行结果如下:...

echart 中调整图表和容器的位置关系 方式1:手动调整图表的位置 在grid中有四个属性:left right top botton ,可以用百分比和像素 边缘与容器之间存在一定的间距。都是因为默认情况下grid的x、x2、y、y2做了数据设置。若想改变距离,则需要自己在options内对图表参数进行设置。 方式2:自适应画布的大小,这是度娘的解释,而我在写的过程中发现并不是自适应画布的大小,...

vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https://github.com/vuejs/vue-cli     一、 安装 node.js 首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包。 只是这样安装的 node 是固定版本的,如果需要多版本的 ...

Vue-cli 如何使用scss

vue

  

2019-06-17 06:09:01

* Vue-cli如何使用scss * 一.今天在使用vue-cli的时候发现一个错误,这个错误是我在标签上使用lang=”scss”时发生的. 仔细看这个代码发现是需要装 css-loader 和 sass-loader 使用npm安装后还是报错 二.再次仔细查看代码,发现这个错误是webpack打包时未找到scss依赖模块 去webpack官网看文档发现管理资源->...

网上搭建Vue脚手架的文章有很多,有的步骤不全,有的时间已经太久,导致安装的时候会遇到一系列不必要的错误,今天自己成功搭建了一遍,记录一下,供以后参考 1、 安装nodejs环境 官网下载:https://nodejs.org/en/download/ 一直默认就行,路径可以改变但要记得到 安装完成后cmd,输入 如果能看到node和npm的版本号了,说明已经安装成功 注:node版本最好高一点,...

环境安装 1、首先安装 node的环境,官网地址这里 检查是否安装成功 2、安装vue-cli 由于npm的服务器在国外,网速慢而且安装容易失败,建议在安装之前,先安装国内的镜像,比如淘宝镜像 安装完之后就可以使用 cnpm 命令了 创建项目 在webpcak中配置sass 下载安装完之后,webpack是没有配置sass-loader的,需要手动配置一下。 在 build 目录下的 文件 web...

vue中的Watch属性

vue

  

2019-06-20 17:48:20

侦听属性 Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动:侦听属性watch。watch中可以执行任何逻辑,如函数节流,Ajax异步获取数据,甚至操作 DOM(不建议)。 1.常规用法 2.使用 watch 的深度遍历和立即调用功能 使用 watch 来监听数据变化的时候除了常用到 handler 回调,其实其还有两个参数,便是: deep 设置为 true 用于监听对象内部...

利用axios方法 axios axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防止 CSRF/XSRF 1.axios.get() 2.ax...

vue-music (3) 轮播图

vue

  

2019-06-24 02:02:32

抽象出一个轮播图组件slider slot插槽,将在父组件中包裹着数据带到子组件,然后将完整的子组件返回 created()和mounted()差别 created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。使用的较多 mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作,使用较少,在子组件使用,父组件使用cre...

每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同: 用vuex管理数据,可以在多个组件中动态的共享统一数据 在src目录下建立store目录,里面应该有 1. state: 用于储存数据、状态的仓库 2. action : 用于对mutations...

list组件整体式一个大Scroll组件,点击每个歌手,进入歌手页面,此处用到的是二级路由 二级路由 添加点击事件 父组件 二级路由的跳转 在 router/index.js 配置二级路由 左边列表和右边快速入口bar的联动 在bar的div上添加 事件@touchMove, @touchstart, 实现滑动效果。为了取消冒泡,添.stop.prevent...

Vue入门01

vue

  

2019-06-29 09:30:49

Hello Vue!! 每一个应用都是从创建一个实例开始的 声明式渲染 声明一条数据,然后利用特殊的模板语法将其渲染出来 new Vue({})—> 创建一个实例 el:""----> 声明挂载点 {{msg}} —>模板语言 Vue遵从MVC设计模式 m:model v:view c:contoroller 例题 点击按钮显示隐藏di...

vue-music (12) 播放内核

vue

  

2019-07-01 14:05:35

最重要的就是这个播放器播放页面 从整体来看,点击list列表的歌曲会储存到vuex中,然后进入play页面,首先给进入来一个动画 1.手写动画的模板 这是自定义动画,需要手写 cdwrapper中的图片随着播放而旋转是通过设置‘play’和’pouse’属性得到 而这两个属性也是动态计算得到 音频播放 自带几个方法 [email protected]:能不能进行播放 2...