vue
Gorgio_Liu
道阻且长,行则将至
展开
-
关于vue3.2中父组件调用子组件的方法
我们都知道在vue2中父子组件传值直接在父组件调用子组件的元素上添加相应的属性,然后再子组件中的props中调用父组件中的方法。但是在vue3中略有不同,添加了两个新Api defineProps、defineExpose1、首先在父组件中引入并且调用子组件,这里需要注意一下,在vue3中不需要再在components对象中定义组件,直接引入之后直接使用就可以了// 父组件// 引入组件<script setup>import DialogAddSwiper from '@/comp原创 2022-05-30 14:31:58 · 6281 阅读 · 0 评论 -
关于vue-router跳转子组件无法改变视图的问题
关于vue-router跳转子组件无法改变视图的问题问题展示:代码展示// router/index.js{ path: '/singer', component: Singer, children: [ { path: ':id', component: SingerDetail, }, ]},// father.vue// html<div> <router-view></router-view></div&g原创 2022-04-30 22:54:21 · 379 阅读 · 0 评论 -
vue项目中时间过滤器的全局配置
1、在main.js文件中全局定义时间过滤器2、在需要引入的文件中引入时间过滤器3、查看引入时间过滤器成功之后的效果原创 2020-05-10 01:43:21 · 259 阅读 · 0 评论 -
vuex浅谈
浅谈vuex原创 2020-04-23 22:06:15 · 127 阅读 · 0 评论 -
vue中对时间戳的处理
1、自建js文件(文件位置根据自己的项目位置自定义)export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } l...原创 2020-01-22 23:10:20 · 2594 阅读 · 1 评论 -
vue2.0中使用ready不能起作用解决办法
如下代码,不知道什么原因,为什么ready方法不执行ready() { console.log(1); this.scroll = new BScroll(this.$refs.seller[seller], { click: true });经过查询资料,发现vue2.0中一个vue实例的生命周期中已经不存在ready...原创 2020-01-20 13:11:20 · 1793 阅读 · 0 评论 -
Vue面试知识点汇总
vue生命周期什么是Vue生命周期? Vue实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模版、挂载Dom ——>渲染、更新——>渲染、卸载等一系列过程,我们称这是Vue的生命周期Vue生命周期的作用是什么? 它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑Vue生命周期总共有几...原创 2019-12-09 03:29:44 · 519 阅读 · 1 评论 -
vue单文件方式
单文件就是以*.vue结尾的文件。最终通过webpack也会编译成*.js在浏览器运行内容:<template></template> + <script></script> + <style><style>1、template中只能有一个根节点 2.x2、script中按照export default {配置}来...原创 2019-12-08 21:05:09 · 151 阅读 · 0 评论 -
vue全家桶
一般项目在开发的时候所提到的vue全家桶都包括哪些内容。vue全家桶:vue(整体架构) + vuex(状态管理) + vue-router(路由) + vue_resource || axios(ajax请求) + mint-UI(移动端UI框架库) || antd-vue(PC端UI框架库)...原创 2019-12-08 19:31:03 · 146 阅读 · 0 评论