vue
this.$set 给 vue 数组添加数据
Vue 不允许在已经创建的实例上动态添加新的根级响应式属性,它可以使用 Vue.set (object, key, value) 方法将响应属性添加到嵌套的对象上。 如果直接给数组添加对象,视图不会更新,但是可以输出正确的值;只有通过 this.$set 覆盖才可以更新视图。
C…
在vue中制作canvas波浪图
新建组件 Canvas.vue 。 Copy
// @/components/Canvas.vue
<template>
<div :style="{ height: waveAllHeight + 'px', background: bgColor }" class…
在 vue 中使用 axios 调用数据
如何在 vue 中完成一次接口的调用?首选就是 axios,方便快捷又好用,支持各种 api , 封装也很方便。 先用 node 安装一下。
Copy
npm install axios
然后在 main.js 文件中引入。
Copy
import axios from…
使用 React 与 Vue 创建同一款 App,差别究竟有多大?
关于 React 框架 和 Vue 框架 的对比,用两者写出同一个程序,对比其代码实现的过程,看看它们的差异究竟有多大? 转载于:https://blog.csdn.net/csdnnews/article/details/81880378
原文:https://medium…
vue学习笔记(3)--computed, watch,calss, style
一、计算属性 computed 1. 例子
Copy
<div id="app">
<div>{{message}}</div>
<div>{{revermessage}}</div>
</div>
<script>
var vm = new Vue({…
vue学习笔记(2)--vue实例和模板语法
一、vue 实例 1. 创建 vue 实例
一个 vue 实例应该通过new Vue来创建根实例,所有的 vue 组件其实都是 vue 实例
Copy
var vm = new Vue({
...
})
当一个实例被创建时,data对象中的 property 都被加入到…
vue学习笔记(1)--什么是vue?
一、什么是 vue? 练习时使用,最新版本
Copy
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
生产时使用,明确版本号的版本,避免造成不可预见的问题
Copy
<script src…
vue使用cli脚手架构建项目工程
vue 使用 cli 脚手架构建项目工程,执行的命令以及遇到的相关的问题 1. 下载安装 node
测试一下是否成功安装,
Copy
$ node -v
// 返回下载的版本号
2. 安装 webpack 环境
Copy
$ npm install webpack -g
//…
vue生命周期
学习 vue 中一个非常重要的领域,就是生命周期,它包含了很多的内容。每个 vue 实例在被创建的时候都要经历一系列的初始化过程,这个过程就是 vue 的生命周期。 每个 vue 实例在被创建的时候都要经过一系列的初始化过程 —— 例如,需要把设置数据监听、编译模板…