子舒 @zishu 2024年9月5日 有趣的 Vue 版本号名称 虽然本文是有关 Vue 的内容，但是可以作为一件奇闻轶事来阅读，因此放在了随笔分类中。 2024 年 9 月 1 日，Vue3.5 发布，命名为 "Tengen Toppa Gurren Lagann"，因为之前没有特别关注过，所以对这个名称有些好奇，翻译成中文是天元突破红莲螺岩，来源于一部日本动漫《天元突破红莲螺岩》（天元突破グレンラガン）。 继续查阅 随笔 Vue随笔
子舒 @zishu 2024年4月24日 vue 中配置 env 文件 `.env` 命名规则。 ```shell # 开发环境 .env 文件名 .env.development # 开发环境 .env 文件名 .env.production ``` 在 vue-cli 中，要求环境配置文件必须以 `VUE_APP` 开头，如下： ```shell # .env VUE_APP_BASE_URL = http://0. 技术 Vue
子舒 @zishu 2024年2月23日 无法从非 EcmaScript 模块导入命名导出 https://github.com/markdown-it/markdown-it markdown-it 是一个基于 vue 的解析 markdown 语法的库。 在 vue 中引入 markdown-it 模块时遇到一个问题，dev 开发运行时报出以下错误，无法从非 EcmaScript 模块导入命名导出。 ```shell # shell e 技术 Vuejs
子舒 @zishu 2023年3月5日 this.$set 给 vue 数组添加数据 Vue 不允许在已经创建的实例上动态添加新的根级响应式属性，它可以使用 Vue.set(object, key, value) 方法将响应属性添加到嵌套的对象上。 如果直接给数组添加对象，视图不会更新，但是可以输出正确的值；只有通过 `this.$set` 覆盖才可以更新视图。 ```js for (let i = 0; i < this.data.l 技术 Vue
子舒 @zishu 2022年3月29日 在 vue 中制作 canvas 波浪图 新建组件 `Canvas.vue` 。 ```js // @/components/Canvas.vue <template> <div :style="{ height: waveAllHeight + 'px', background: bgColor }" class="wave"> <canvas id="wave1"></canv 技术 Vuecanvas
子舒 @zishu 2021年6月8日 在 vue 中使用 axios 调用数据 如何在 vue 中完成一次接口的调用？首选就是 axios，方便快捷又好用，支持各种 api ,封装也很方便。 先用 node 安装一下。 ```js npm install axios ``` 然后在 main.js 文件中引入。 ```js import axios from 'axios' import VueAxios from 'vue-a 技术 Vueajaxaxios
子舒 @zishu 2021年1月6日 使用 React 与 Vue 创建同一款 App，差别究竟有多大？ 关于 [React 框架](https://react.docschina.org/) 和 [Vue 框架](https://cn.vuejs.org/) 的对比，用两者写出同一个程序，对比其代码实现的过程，看看它们的差异究竟有多大？ >转载于：https://blog.csdn.net/csdnnews/article/details/81880378 技术 Vue编程react
子舒 @zishu 2020年11月25日 vue 学习笔记 (3)－－computed, watch，calss, style ## 一、计算属性 computed ### 1.例子 ```html <div id="app"> <div>{{message}}</div> <div>{{revermessage}}</div> </div> <script> var vm = new Vue({ el: '#app', data: { 技术 Vue笔记
子舒 @zishu 2020年11月24日 vue 学习笔记 (2)－－vue 实例和模板语法 ## 一、vue 实例 ### 1.创建 vue 实例 一个 vue 实例应该通过`new Vue`来创建根实例，所有的 vue 组件其实都是 vue 实例 ```js var vm = new Vue({ ... }) ``` 当一个实例被创建时，`data`对象中的 property 都被加入到 vue 的响应式系统中，当值发生改变时，试图也 技术 Vue笔记
子舒 @zishu 2020年11月23日 vue 学习笔记 (1)－－什么是 vue? ## 一、什么是 vue? 练习时使用，最新版本 ```html <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> ``` 生产时使用，明确版本号的版本，避免造成不可预见的问题 ```html <script src="https://cdn.jsdelivr.n 技术 Vue笔记
子舒 @zishu 2020年11月20日 vue 使用 cli 脚手架构建项目工程 vue 使用 cli 脚手架构建项目工程，执行的命令以及遇到的相关的问题 ### 1.下载安装 node 测试一下是否成功安装， ```shell $ node -v // 返回下载的版本号 ``` ### 2.安装 webpack 环境 ```shell $ npm install webpack -g // 如果失败，可能是因为用户没有权限 // 技术 Vue
子舒 @zishu 2020年6月19日 vue 生命周期 学习 vue 中一个非常重要的领域，就是生命周期，它包含了很多的内容。每个 vue 实例在被创建的时候都要经历一系列的初始化过程，这个过程就是 vue 的生命周期。 每个 vue 实例在被创建的时候都要经过一系列的初始化过程——例如，需要把设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等，我们要把这一系列的过程称为组件的`生命周 技术 Vue
