![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue脚手架
靠技术吃饭
这个作者很懒,什么都没留下…
展开
-
Vue实现评论功能
实现评论功能最开始确实是令我头疼的一件时间,因为不确定评论的字数,就要自适应高度,还不确定评论的层级,这看起来就很令人头疼。评论功能麻烦在于它是由层次的,有不停的回复功能,这点是令人比较头疼的地方,我在写这个功能的时候做了比较笨的一个方法去处理它。我先选择了布局页面,先把页面布局好以后在去想怎么发表评论怎么回复评论一起渲染不确定层次的评论内容。1、布局页面想要实现以上布局方式,我在这个地方采取了flex布局, 让他自己去撑开盒子,这样就实现了高度自适应的一个方式,我在每一条评论内容下面隐藏.原创 2022-05-10 20:36:34 · 18232 阅读 · 21 评论 -
vue插槽(slot)
插槽的三种使用方式,简单好用!!使用方式1. 默认插槽2.具名插槽3.作用域插槽作用:让父组件可以向子组件指定位置插入 html 结构,也是一种组件间通信的方式,适用于 父组件 ===> 子组件分类:默认插槽、具名插槽、作用域插槽使用方式1. 默认插槽父组件中: <Category> <div>html结构1</div> </Category>...原创 2022-05-10 18:59:25 · 220 阅读 · 0 评论 -
axios发送请求的两种方式
一、下载并引入 axios下载引入二、代理服务器实现跨域请求、、 ...原创 2022-04-26 08:49:10 · 1267 阅读 · 0 评论 -
vue消息订阅与发布
目录一、安装消息与订阅库二、订阅与发布1.订阅2.发布一种组件间通信的方式,适用于任意组件间通信一、安装消息与订阅库安装(这里使用的是 pubsub-js)引入接收消息和发送消息的组件都需要引入这个库!!二、订阅与发布1.订阅2.发布...原创 2022-04-12 20:14:03 · 1105 阅读 · 0 评论 -
vue全局事件总线(GlobalEventBus)
1、一种组件间通信的方式,适用于任意组件间通信2、安装全局事件总线:new Vue({ ...... beforeCreate(){ Vue.prototype.$bus = this //安装全局事件总线,$bus 就是当前应用的vm }, ......})3、使用事件总线:(1)接收数据:A组件想要接收数据,则在A组件中给 $bus 绑定自定义事件,事件的回调留在A组件自身。methods(){ demo(data)原创 2022-04-07 09:39:31 · 4002 阅读 · 3 评论 -
vue组件的自定义事件
区别于 js 里面的内置事件而存在的 内置事件给 html 元素用的 自定义事件给组件用的1、一种组件间通信的方式,使用于:子组件 ===> 父组件2、使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中)。3、绑定自定义事件:(1)第一种方式,在父组件中:<Demo @things="test" />或<Demo v-on:things="test" />(2...原创 2022-03-24 14:29:29 · 447 阅读 · 2 评论 -
vue的ref、props和minxin混入
一、ref 和 props原创 2022-03-19 08:47:47 · 414 阅读 · 1 评论 -
vue安装脚手架
脚手架来咯!!!一、全局安装二、关于不同版本的Vuevue CLI (command line interface) 命令行接口文具,熟称脚手架。Vue 脚手架是 Vue 官方提供的标准化开发工具(开发平台)。一、全局安装第一步:(仅第一次执行):全局安装@vue/cli npm install -g @vue/cli第二步:切换到你想要创建项目的目录,然后使用命令创建项目 vue create X...原创 2022-03-10 11:02:11 · 2437 阅读 · 8 评论