前言vue3.0-beta 版本已经发布了一段时间了,正式版本据说在年中发布(直播的时候说的是年中还是年终,网上传闻说是6月份)。嘴上说着学不动,身体却很诚实地创建一个vue3的项目,兴致勃勃地引入 vue2 插件的时候,眉头一皱,发现事情并没有那么简单。浏览器无情地抛出了一个错误:
Uncaught TypeError: Cannot set property '$toast' of und
我这里使用的是官方的echarts,并没有使用vue-echarts,这里我使用的是折线图,根据需求需要什么类型的图表,就配置相应的图表选项就可以了,效果图如下:安装echarts依赖: npm install echarts -S 或者使用淘宝的镜像 npm install -g cnpm --registry=htt
一、先要安装node.js官网: https://nodejs.org/zh-cn/download/二、设置nodejs prefix(全局)和cache(缓存)路径 1、在nodejs安装路径下,新建node_global和node_cache两个文件夹 2、设置缓存文件夹npm config set cache “D:\vueProject\nodejs\node_cache” 设置全局模
转载
2024-03-11 18:47:00
180阅读
一、本篇文章将给大家分享如何在vue中使用echart以及echart各项配置,这些配置都是工作中比较常见以及常用到的,所以给大家分享下,希望对大家有用。二、vue中使用echart。1、首先下载echart依赖,这里采用的npm包管理工具,在项目中运行命令: npm install echarts --save-dev 2、在main.js里引入echart: import echarts
我只想说每个人遇到的bug真的不能一概而论,解决办法也会有不同。在vue中使用echarts的时候,会想要实现window.resize窗体变化大小的时候让图形大小跟着变化。实现的过程中各种bug,也真的让人有种想要发狂的感觉。但是还好,最后在不断的查资料和尝试当中。实现了想要的效果,仅供参考: 首先我这里实现的效果是切换
转载
2024-06-26 17:52:47
91阅读
1.v-for: <ul> <li v-for="book in books"> <h3>{{ book.title }} - {{ book.author }} - {{ book.age }}</h3> </li> </ul> javascript: data() { return { book ...
转载
2021-09-11 22:45:00
651阅读
2评论
挂载#app <div id="app"></div> <script src="../js/vue.js"></script> <script> Vue.createApp({ template: `<h2>你好啊, 李银河</h2>` }).mount("#app"); </script> 问题 ...
转载
2021-07-17 15:38:00
665阅读
2评论
原创
2023-07-27 21:47:21
10000+阅读
依赖安装npm install three如果有用 typeScript 安装npm install @types/three开始 建一个.vue文件 准备一个空的模板我们需要给生成的canvas准备一个容器<template>
<div id="three"></div>
</template>引入Threejs依赖<script l
转载
2024-03-11 16:02:08
332阅读
前言
...
目标
1 vue3的优势有哪些
2 如何创建vue3工程
graph LR
A[初始vue3] --> B[vue3带来了什么]
A --> C[如何创建vue3工程]
一 vue3带来了什么
从vue2到vue3一个大版本的升级,必然会有一些性能上的优化
性能提升和源码升级
性能提升
源码升级
打包大小减少
使用Proxy代替defineProper
原创
2024-07-21 09:24:38
146阅读
前言
...
目标
1 vue3的优势有哪些
2 如何创建vue3工程
graph LR
A[初始vue3] --> B[vue3带来了什么]
A --> C[如何创建vue3工程]
A --> D[如何引入vue3]
一 vue3带来了什么
从vue2到vue3一个大版本的升级,必然会有一些性能上的优化
性能提升和源码升级
性能提升
源码升级
打包大小减少
原创
精选
2024-08-05 15:03:53
230阅读
v-for中的key是什么作用?在使用v-for进行列表渲染时,我们通常会给元素或者组件绑定一个key属性。 官方中对key的作用解释:key属性主要用在Vue的虚拟DOM算法,在新旧nodes对比时辨识VNodes;如果不使用key,Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法;而使用key时,它会基于key的变化重新排列元素顺序,并且会移除/销
转载
2024-02-02 11:41:40
91阅读
一.Vue3的介绍相信大家都已经学习过Vue2了,对Vue有了一定的了解。那么今天我们就一起来学习有关Vue3的知识点。那为什么要学习Vue3呢,主要是他有以下的特点。 (1)新增组合式api (2)更加接近原生 (3)更加解耦(react启发)二.Vue3的安装全局安装脚手架(如果安装过脚手架请忽略这步)npm i @vue/cli -g
创建一个vue3 的项目vue create 项目名称
转载
2024-04-06 16:41:00
128阅读
那么让我们深入了解一下Vue 3中watchEffect函数的使用,如何在监视回调中使用属性来提高搜索引擎优化。watchEffect函数watchEffect函数是Vue 3中一个新的API,它允许您监视响应式数据的变化,并在数据变化时立即执行回调函数。与watch属性不同的是,watchEffect函数会自动追踪在回调函数中使用的响应式属性,只要其中的任何一个发生了变化,watchEffect
转载
2024-02-19 18:58:36
233阅读
1、Vue3简介1.1、Vue3带来了什么1.性能的提升Vue3与Vue 2相比,在包大小(使用 tree-shaking 时减轻多达 41%)、初始渲染(速度提高多达 55%)、更新(多达 133% 更快)和内存使用(最多减少 54%)。打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%......2.源码的升级使用Proxy代替defineProperty实现响应式重写虚拟
转载
2023-10-23 19:59:39
180阅读
与reactive函数一样,watch同样在vue3中也是一个暴露出来的函数。在setup中直接调用即
原创
2022-10-23 00:27:57
1083阅读
创建Vue3项目方式一:
使用vue-cli:vue的脚手架----->创建vue项目----->构建vue项目----->前端工具链
创建方式还是和之前一样,Vue版本要选择Vue3的版本
方式二:
使用vite创建:
vite:https://cn.vitejs.dev/
:npm create vue@latest
转载
2024-06-24 23:02:55
282阅读
pinia的简介和优势:Pinia是Vue生态里Vuex的代替者,一个全新Vue的状态管理库。在Vue3成为正式版以后,尤雨溪强势推荐的项目就是Pinia。那先来看看Pinia比Vuex好的地方,也就是Pinia的五大优势。可以对Vue2和Vue3做到很好的支持,也就是老项目也可以使用Pinia。抛弃了Mutations的操作,只有state、getters和actions
转载
2024-04-24 09:57:18
185阅读
近期改版RXEditor,把改版过程,用到的技术点,记录下来。昨天完成了静态页面的制作,制作过程并未详细记录,后期已经不愿再补了,有些遗憾。不过工作成果完整保留在github上,地址:https://github.com/vularsoft/studio-ui这个项目下面的html-demo.html,便是静态文件。话不多说,今天就把昨天的HTML转化成VUE。先看效果:布局原理页面采用纯弹性盒子