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 实例在被创建的时候都要经过一系列的初始化过程 —— 例如,需要把设置数据监听、编译模板…
ブログは、創作者によって署名され、ブロックチェーンに安全に保存されています。