vue
highfish920
这个作者很懒,什么都没留下…
展开
-
vue生命周期
vue生命周期分为八个阶段,分别为beforeCreate(创建前),created(创建后),beforeMount(载入前),mounted(载入后),beforeUpdate(更新前),updated(更新后),beforeDestroy(销毁前),destroyed(销毁后)附一张图具体代码创建前 beforeCreatecreated(创建后)beforeMount(载入前)mounted(载入后)beforeUpdate(更新前原创 2020-11-27 00:25:33 · 75 阅读 · 0 评论 -
vue中富文本编辑器的使用
首先在vue项目中安装运行依赖vue-quill-editor然后点击查看详情,打开官方文档在项目的main.js中导入富文本编辑器和样式import Vue from 'vue'import VueQuillEditor from 'vue-quill-editor'import 'quill/dist/quill.core.css' // import stylesimport 'quill/dist/quill.snow.css' // for snow themeimport '原创 2020-08-10 20:35:23 · 156 阅读 · 0 评论 -
vscode中自定义代码片段(vue,正则邮箱手机号等)
为了以后不遗忘,在这里简单记录一下,以后还会补充1.自定义vue代码片段 打开vscode》文件》首选项》用户片段打开html.json在李曼输入如下代码{ // 自定义vue代码片段 "vh": { "prefix": "vh", // 触发的关键字 输入vh按下tab键 "body": [ "<!DOCTYPE html>", "<html lang=\"en\">", "", "<head>", " <原创 2020-08-01 17:43:03 · 1104 阅读 · 0 评论 -
在新版本的vue-cli项目中在vue.config.js中禁用eslint
在写vue项目的时候,由于有eslint严格模式,连一个空格对不起都非常麻烦,种种报错,所以直接禁用掉在vue.config.js里面加上 lintOnSave: false 这句话,即可解决原创 2020-07-27 16:47:17 · 1576 阅读 · 1 评论 -
无法加载文件 xxx,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/f
在vscode上运行vue中vue ui的时候,出现这样的信息这是执行策略的设置问题,默认情况下,执行策略为不允许任何脚本运行,所以会报错解决方法:管理员打开PowerShell(windows电脑在开始那个按钮右边的搜索栏里面直接搜,然后右键管理员运行),输入set-executionpolicy remotesigned,之后选择Y即可再次执行成功...原创 2020-07-27 16:05:54 · 2643 阅读 · 2 评论 -
初学vue遇到 imported multiple times import/no-duplicates问题
初学vue遇到 imported multiple times import/no-duplicates问题出现这个问题一般是导入import次数过多只需要把导入的文件放在一行即可,并且都好后边加空格原创 2020-07-26 20:58:12 · 3513 阅读 · 1 评论 -
在利用脚手架创建vue项目时,如果创建到了c盘,但又不想占用c盘空间,所以想要把项目移动到D盘,进行如下操作
在利用脚手架创建vue项目时,如果创建到了c盘,但又不想占用c盘空间,所以想要把项目移动到D盘,进行如下操作打开要移动的项目,复制除了node_modules以外的所有文件2.在新的文件夹下粘贴这些文件,然后打开终端,输入npm i会自动读取package.json里面的配置,自动创建node_modules文件3.接着输入 npm run serve 就可以运行了...原创 2020-07-23 16:47:40 · 4652 阅读 · 3 评论 -
详细创建一个vue(vue可以基于图形化和命令行)项目步骤,用到Element-UI(可以基于图形化和命令)
详细创建一个vue项目步骤为了避免一些坑,特意将创建vue步骤记录下来安装node 安装地址:https://nodejs.org/en/ 安装成功后进行查看为了提高效率,可以使用淘宝的镜像:http://npm.taobao.org/输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就好了 安装成功后查看3. 基于图形化界面或者命令行界面创建原创 2020-07-22 17:26:38 · 349 阅读 · 0 评论 -
vue脚手架交互式命令行和图形化界面安装步骤
vue脚手架交互式命令行和图形化界面安装步骤1.交互式命令行保证安装node安装vue脚手架 命令:npm install -g @vue/cli安装成功使用vue -V查看安装版本如果之前安装过使用npm uinstall vue-cli -g命令卸载创建项目3.1输入vue create vue_proj 然后回车(选择第二项手动创建然后回车)3.2选住图中三个配置,按空格是选择,选好后回车确定3.3询问是否安装历史模式路由,选择安装哈希模式,选择n之后回车3原创 2020-07-21 20:04:10 · 413 阅读 · 0 评论