Vue
文章平均质量分 63
vue基础总结,与快速入门。
康世行
CSDN博客专家、华为云享专家、Java领域新星创作者
展开
-
vue idea启动快速设置
在命令行中输入npm install -g cnpm --registry=http://registry.npm.taobao.org然后等待安装,安装完成之后,我们就可以用cnpm代替npm来安装。安装完成之后,打开命令行工具,输入node -v如果出现版本号,则说明安装成功,npm包管理器是集成在node中的,所以,直接。好了,node环境已经安装成功,由于有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所以还需要安装npm的国内镜像----cnpm。原创 2024-07-07 22:12:39 · 441 阅读 · 0 评论 -
基于-elementUI的table结合ColorPicker 封装颜色选择组件
基于-elementUI的table集合ColorPicker 封装颜色喧杂器组件原创 2022-11-12 15:14:27 · 1342 阅读 · 1 评论 -
vue node 和node-sass版本不匹配导致,vue项目install失败
multi (webpack)-dev-server/client?http://localhost:8090 webpack/hot/dev-server ./src/main.js原创 2022-03-17 17:03:55 · 1469 阅读 · 1 评论 -
解决-judge0/ide 无法使用-monaco-editor编辑器问题
前提描述:因为最近项目需要使用在线ide 工具对python代码进行校验和运行,所以就找到了judege0 在线代码编辑器的开源工具。在使用的过程中发现,无法通过cdn地址获取到monaco目录问题展示解决方案:修改版本(方案一)修改前修改后下载编辑器到本地进行引用(本文使用的是下载到本地)方案二通过npm 安装monaco-editor到本地效果截图修改之后的index.html代码总结:问题展示解决方案:修改版本(方案一)修改前修改后从上面两个对比截图可以看出来,修改之后的链接是把版原创 2022-02-10 17:36:50 · 2626 阅读 · 2 评论 -
vue 公共js 文件无法使用 this 解决方案
前言:在把前端公共的功能放到公共的js 文件里的时候,无法使用 this 去引用已经全局注册的组件和 this本身都是 unfinished目录解决之前:解决之后:解决思路:解决之前:解决之后:解决思路:可以模仿后端的set 方法给属性赋值,所以可以在公共的js 文件里声明一个vm 的属性和setThis (_this) 方法给 公共的js 里的 属性 vm 赋值,这样this可以作为参数被传递(中心思想,还是把this 对象当做参数传递)。...原创 2021-12-30 19:20:13 · 2655 阅读 · 1 评论 -
Vue 进阶组件实战应用 -- 父子组件传值的应用实例(子父组件传值的两种触发方式)
基础的子组件和父组件通信已经搞定了,可以看此博客 父子组件传值基础应用需求现在需求是在一个父页面引用子组件,不只是要实现基本的父子组件传值。并且子组件给父组件传值的触发条件要在父页面触发。目前小编采用的方式是使用ref 属性+this.emit 方法 ,在父页面调用子页面的方法结合this.emit方法实现。在父页面调用子页面的方法并且把子页面里的值通过父页面的自定义事件传递到父页面。vue技术点refthis.emitprops子页面 <template><div&原创 2021-11-01 13:34:31 · 4657 阅读 · 4 评论 -
vue buglist-Error getclassIdAndcourseId not is Funtion(这个不是个方法)
问题:vue在结合钩子函数使用的时候,提示我自定义的方法不是一个方法。通过排查才发现,原来把普通方法写在了钩子函数的地方。所以其实是提醒你,你生命的方法不是一个钩子函数。解决方法把自己定义的普通方法定义在 methods: {} 里面,下面展示下vue都有哪些钩子函数...原创 2021-08-28 09:26:44 · 1609 阅读 · 7 评论 -
Vue 进阶组件实战应用--子组件和父组件通信(emit方式)
前言:因为组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选项,例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。注册组件新建组件右键新建一个dataName.vue的组件新建好之后的组件dataname代码 <!-- * @Description: * @Version:1.0 * @Author: * @Date:2020-11-8 9:25:00 * @LastEditor原创 2021-07-03 21:16:47 · 2726 阅读 · 17 评论 -
Vue基础语法教程 ---(一)
是什么?Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。怎么用?小示例 <!DOCTYPE html><html lang="en"><head> <meta charset原创 2021-06-19 21:17:35 · 2396 阅读 · 9 评论 -
Vue基础入门 ---环境配置
前言:环境配置是学习vue的前提,所以下面就以通俗易懂的方式去展现vue的环境配置。一,软件下载node.js环境官网下载地址:https://nodejs.org/zh-cn/Visual Studio Code官网下载地址:https://code.visualstudio.com/二、搭建node.js环境ll以管理员身份打开cmd窗口打开之后,查看node.js的版本和npm 的版本;使用npm-v命令查看npm版本,node.js中集成了npm安装完成之后,打开命令行工具,输原创 2021-06-19 18:00:49 · 2729 阅读 · 13 评论