zishu's blog

zishu's blog

一个热爱生活的博主。https://zishu.me

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…
cover
cover
cover
cover
cover
cover

使用 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({…
cover
cover

vue学习笔记(2)--vue实例和模板语法

一、vue 实例 1. 创建 vue 实例 一个 vue 实例应该通过new Vue来创建根实例,所有的 vue 组件其实都是 vue 实例 Copy var vm = new Vue({ ... }) 当一个实例被创建时,data对象中的 property 都被加入到…
cover
cover
cover

vue学习笔记(1)--什么是vue?

一、什么是 vue? 练习时使用,最新版本 Copy <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 生产时使用,明确版本号的版本,避免造成不可预见的问题 Copy <script src…
cover
cover
cover
cover
cover

vue使用cli脚手架构建项目工程

vue 使用 cli 脚手架构建项目工程,执行的命令以及遇到的相关的问题 1. 下载安装 node 测试一下是否成功安装, Copy $ node -v // 返回下载的版本号 2. 安装 webpack 环境 Copy $ npm install webpack -g //…
cover
cover
cover
cover
cover
cover
cover

vue生命周期

学习 vue 中一个非常重要的领域,就是生命周期,它包含了很多的内容。每个 vue 实例在被创建的时候都要经历一系列的初始化过程,这个过程就是 vue 的生命周期。 每个 vue 实例在被创建的时候都要经过一系列的初始化过程 —— 例如,需要把设置数据监听、编译模板…
Ownership of this blog data is guaranteed by blockchain and smart contracts to the creator alone.