logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue插槽是什么?如何使用?

通常通过插槽传递列表以后,我们想要执行一些操作,但是无法获取到数据,通过作用域插槽可以获取子组件中的值,父组件可以获取值从而进行业务逻辑处理。插槽是vue提供的一个内置组件,是一个占位符。顾名思义就是没有名字的插槽,我们通常是通过匿名插槽把我们在子组件标签内写的html全部渲染到子组件中。有名字的插槽,通常是将我们想要定义的html放置到对应的位置。匿名插槽:vm.$slots.default。插

文章图片
#vue.js#前端#javascript
vue组件通信的方式?

1、父传子:在父组件的子组件标签绑定一个自定义属性,子组件通过props获取父组件传递的数据。vue3通过defineProps接受props数据2、子传父:在父组件的子组件的标签上绑定一个自定义方法,子组件通过$emit触发父组件传递的方法从而传递数据给父组件。vue3中通过defineEmits接受父组件的方法vue3以上代码都是在setup语法糖中写的3、ref:通过给子组件标签定义ref属

文章图片
#vue.js#前端#javascript
vue中router路由的原理?两种路由模式如何实现?(vue2) -(下)

和上期一样,我们都需要定义一个router类,并且定义了一个install方法,这都是在第一次实习的基础上做出了小的更改。这里我们通过递归的方式,将我们的一级路由信息一级子级路由信息全部添加到我们定义的matched数组中,并且我们每次路由发生变化以后会将我们匹配到的路由信息清空,重新再次调用我们的匹配递归方法。这样依次递归,就不会导致我们下一次路由匹配错误。let Vue;//保存选项// 定义

文章图片
#vue.js#javascript#前端
vuex的实现原理?(vue2)

通常我们使用vuex,都是通过下载vuex插件,自己创建一个store目录,在里面创建一个js文件,在文件中引入vuex,vue.use我们的vuex从而通过实例化一个vuex,定义五大核心从而实现一个基本的vuex。那我们如何不下载插件,自己创建文件自己通过插件的形式,实现一个vuex呢?我们需要知道,state是一个响应式的数据它应该怎么去实现呢,并且vuex是一个单向数据流,我们应该怎么讲单

文章图片
#前端#javascript#vue.js
Vue3之Suspense

我们可以看到官网并不推荐我们使用它,目前仍处于测试中。AsyncComponent组件。SuspenseView路由组件。suspense测试。

文章图片
#前端#vue.js
vue中router路由的原理?两种路由模式如何实现?(vue2) -(上)

div><router-link to="/home">首页</router-link><router-link to="/list">列表</router-link><hr></div>这里我们会发现使用以后会报错,因为我们没有下载插件,因此没有这两个组件。我们需要配置plugin插件由于没有这两个全局组件因此我们需要配置两个全局组件install方法是为了将我们的路由挂载在我们的组件实例上,通

文章图片
#vue.js#javascript#前端
我们新建仓库以后如何将代码推到我们的仓库中?

git remote add origin https://gitee.com/xxx/xx.git //这里是我们复制的仓库https克隆链接。1、首先保证电脑上已经安装了git客户端,并自己已注册了github或gitee账号。commit -m 提交所有更新过的文件 -m后是我们给这次提交起一个名字。2、我们找到需要推到仓库的代码右键选择git bash here。6、在gitee上新建仓库

文章图片
#git#github
到底了