沈行的博客

对于插槽的概念和使用，这是vue的一个难点，这需要我们静下心来，慢慢研究。以下是我这两天通过官网和其他资料的学习和使用总结出来的笔记，如有错误或者有不同见解的，欢迎留言，一起学习。什么是插槽插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。代码如下：1、在子组件中放一个占位符<te

先看样式：1、安装依赖包，注意版本：2、代码部分：<template> <div> <div id="xterm" class="xterm"/> </div></template><script> import {Terminal} from 'xterm' import {FitAddon} from 'xterm-addon-fit' import

1、element-ui官网上，input输入框输入内容前是这种：输入内容后是这种：主要是根据描述匹配代码部分：<template> <div class="home"> <div class="nav"> <div class="search-refresh"> <el-row> <el-butt

引自：https://www.jianshu.com/p/623c8b009a85vue中的ref其实功能很强大，下面介绍一下如何使用。基本用法，本页面获取dom元素<template> <div id="app"> <div ref="testDom">11111</div> <button @click="getTest">获取test节点</button> </div><.

Vue.$set(target,key,value)target：要更改的数据源(可以是对象或者数组)key：要更改的具体数据(可以是字符串和数字)value ：重新赋的值用法：向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。注：Vue.set()在methods中也可以写成this.$set()Vue.set()不光能修改数据，还能添加数据...

引自：https://blog.youkuaiyun.com/weixin_38888773/article/details/81902789子组件给父组件传值子组件：<template> <div class="app"> <input @click="sendMsg" type="button" value="给父组件传递值">...

引自：https://www.cnblogs.com/winter92/p/7117057.html相信很多人在刚开始学习vue这个框架的时候，在最开始搭建开发环境的时候，都会遇到一些大大小小的坑，我之前在学习angular的时候搭建过一次，过了一个月后在搭建第二次的时候，竟然有一些混乱，所以今天想整理出来；vue现在在前端，相对于算是现在前端工程师都比较常用的框架之一，他和angular...

引自：https://segmentfault.com/a/1190000011465462组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。个人认为就是一个可以重复利用的结构层代码片段...

方法1、命令行1、先检查一下自己的node、npm、vue版本（vue版本最好3.0以上），进到相应的文件夹路径下。2、default为默认配置选项模式（在这里选用手动选项配置模式）3、配套的相应组件，按照自己的需求进行相关的配置4、尽量按照这个相应的配置来做。5、这2个命令出现，代表创建成功，并按照好相应的组件。6、运行蓝色的命令代表运行该项目，就能正...