
vue
三生梅雨渡潇潇
我有很多面,但我不善变
展开
-
生命周期函数
每个组件从被创建到被销毁的整个过程。,每个组件都有生命周期。在某个特定的时机进行特定的处理。随着组件生命周期的变化。生命周期函数会自动执行。原创 2023-12-12 19:41:20 · 1207 阅读 · 0 评论 -
vue3 引入Element Plus 组件库
Element Plus官网:https://element-plus.org/zh-CN/在main.js文件中全局导入在App.vue中使用一个组件,测试是否成功原创 2023-12-12 19:15:46 · 269 阅读 · 0 评论 -
选项式API和组合式API
Vue3支持选项式API和组合式API。其中,选项式API是从Vue2开始使用的一种写法,而Vue3新增了组合式API的写法。原创 2023-12-10 15:20:54 · 526 阅读 · 0 评论 -
Vue 3项目的运行过程
使用Vite构建Vue3项目后,当执行yarn dev命令启动服务时,项目就会运行起来,该项目会通过src\main.js文件将srcApp.vue组件渲染到index.html文件的指定区域。src\App.vue文件Vue3项目是由各种组件组成的,srcApp.vue文件是项目的根组件。在根组件中可以引用其他组件,从而显示其他组件的内容。index.html文件index.html文件是页面的入口文件,该文件中预留了用于被src。原创 2023-12-10 10:46:48 · 562 阅读 · 0 评论 -
Vue 3项目的目录结构
存放不可编译的静态资源文件,当进行项目构建时,该目录下的文件会被复制到dist目录,该目录下的文件需要使用绝对路径访问。此外,当执行了yarn build命令后,在项目目录中会出现dist目录,该目录中保存的是项目构建后的文件。使用vite创建完VUE项目后,使用VS Code编辑器打开项目目录,可以看到一个默认生成的项目目录结构。:存放可编译的静态资源文件,例如图片、样式文件等。:默认的主渲染页面文件,同时也是页面的入口文件。:项目的入口文件,用于创建Vue应用实例。:存放单文件组件,即.vue文件。原创 2023-12-10 10:33:22 · 686 阅读 · 0 评论 -
vue cli 脚手架创建vue项目的两种方式
vue cli 脚手架创建vue项目,下面介绍两种方式1.命令式创建1.打开终端,用cd命令切换到想要创建项目的盘符,如果是当前盘符,就直接,输入命令,回车//vue create 项目名称vue create project2.按上下键选择,回车3.上下键移动,空格键选中或取消选中,回车4.选版本,这里我选择版本25.选择,回车图形化创建1.在终端或者cmd中,输入命令并回车vue ui运行正确,会自动跳到浏览器选择创建,在下方选择要创建项目的盘符注意:项目原创 2020-10-13 10:51:36 · 420 阅读 · 0 评论 -
在vs code的终端用脚手架创建vue项目时报错,无法加载运行脚本
问题在vs code的终端用脚手架创建vue项目时报错:vue :无法加载文件C: \Users\86183\AppData\Roaming\npm\vue.ps1, 因为在此系统上禁止运行脚本。有关详细信息,请参阅https:/go. microsoft . com/fwLink/ ?L inkID=135170中的about Execution PoLicies。所在位置行:1字符: 1vue create project 这是因为系统禁止运行脚本了。解决1.点击电脑左下方搜索Window原创 2020-10-12 18:32:43 · 2343 阅读 · 7 评论 -
谷歌浏览器中使用极简插件安装Vue.js devtools
描述1.在谷歌浏览器中使用极简插件安装Vue.js devtools,网上搜了很多方法,试了一下都不行,在这里我是用极简插件直接进行安装的。2.安装了Vue.js devtools,打开浏览器运行代码,还是不能出现Vue控制界面,这个问题,可以从步骤8开始看,希望能帮你解决步骤1.打开谷歌浏览器,输入极简插件,并输入Vue.js devtools2.双击打开3.点击推荐下载4.打开文件下载的地址,将文件减压,有三个文件5.打开谷歌浏览器的设置,并找到拓展程序6.这里可以看到自己安原创 2020-10-10 13:16:19 · 2744 阅读 · 0 评论