
Vue
文章平均质量分 64
vue学习
程序员宝妈
我是一个90后宝妈,也是一个程序员,三年后端经验转前端,发现好多东西都要学习,前端东西太多了,再翻看之前的博客发现自己只是为了写博客而写博客,今后会认真思考,写出更有深刻的东西。
展开
-
Vue中父组件如何能监听到子组件的生命周期
Vue中父组件如何能监听到子组件的生命周期 方法1:$emit 方法2:@hook3、为什么要使用@hook以及使用场景 4、Vue 中如何使用 @hook?原创 2022-04-01 20:20:04 · 6841 阅读 · 2 评论 -
面试必备- 2022 Vue最新面试题总结(持续更新中)
2022年最新面试题整理(包答案)总结最近我和几个同事遇到的面试题,希望对大家有帮助,面试题我分为两类,经常遇到,很少遇到。1、vue的生命周期 2、computed和watch区别?3、深度监听怎么做? 4、父子组件的生命周期的顺序5、setTimeout是在生命周期的什么阶段销毁的?如果不销毁会怎么样?6、父子组件通信用什么? 兄弟组件通信呢?7、路由守卫 8、如何实现双向数据绑定?9、vue的修饰符有哪些?10、vuex中mulation和actions的区别和联系? 11、MVC与MVVM的原创 2022-04-01 14:28:47 · 17190 阅读 · 1 评论 -
Vue组件局部注册、全局注册详解,以及什么时候使用局部注册组件?什么时候使用全局注册组件?
1、局部注册,每种注册方式的优缺点2、全局注册3、什么时候使用局部注册,什么时候使用全局注册?原创 2021-07-09 22:27:35 · 6610 阅读 · 1 评论 -
vue父组件向子组件传值,子组件接收的三种方式
父组件<A :test="test"> 传给子组件BB组件接收方式1>props:['test','title']接收任意类型2>props:{test:String}3>props:{test:{type:String,default:'test'}}原创 2020-04-15 23:09:57 · 4777 阅读 · 0 评论 -
vue项目搭建的完整过程(vue2)
1、node环境搭建2、vue项目配置(vue2环境搭建、vue3环境搭建、vue2与vue3兼容)3、npm和cnpm区别,以及在cnpm上配置淘宝镜像和npm上配置淘宝镜像有啥区别原创 2019-11-19 22:52:33 · 8111 阅读 · 0 评论 -
npm install --save 和 npm install -D、npm install -g 的区别
npm install -d 就是 npm install --save-devnpm insatll -s 就是npm install --save我们在使用npm install 安装模块或者插件时,若写到package.json文件中,用--save-dev 或(写入devDependencies)--save (dependencies)devDependencies与dependencies的区别devDependencies用于开发环境,不用于生产环境 例如 webpack原创 2022-03-14 10:57:20 · 2791 阅读 · 0 评论 -
Vue利用canvas绘制验证码并添加校验
利用canvas动态生成验证码elementUI表单中添加对验证码的校验原创 2022-03-11 13:25:46 · 868 阅读 · 0 评论 -
ElementUI表单校验
validate:校验表单、resetFields:表单重置、clearValidate:清除表单的校验结果原创 2022-03-11 11:09:18 · 2824 阅读 · 0 评论 -
Vue使用element-UI,路由报错
Invalid prop: type check failed for prop "router". Expected Boolean, got String.prop校验路由时,要求router是一个boolean类型,但是得到的是一个string类型官网上router参数是boolean类型官网地址Element - The world's most popular Vue UI framework报错代码:<el-menu router="t..原创 2022-03-10 13:32:42 · 1271 阅读 · 0 评论 -
VUE自动生成路由
我们传统路由生成,需要手动配置。使用起来很麻烦,例如:/** * 手动配置路由 * */import Vue from 'vue'import Router from 'vue-router'import index from '@/components/index'Vue.use(Router)export default new Router({ routes: [ { path: '/', name: '/', compone原创 2021-07-30 22:29:04 · 1722 阅读 · 0 评论 -
props传值方式和校验
prop 的大小写HTML 中的 attribute 名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时,camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名,千万不要理解错哦,只有以下场景才是满足的哟 <component-prop postTitle="title" post-name="name" ></component-prop&g原创 2021-07-11 10:42:20 · 1665 阅读 · 0 评论 -
export default 和new Vue和 Vue.component 有什么区别吗
export default 和new Vue和 Vue.component 三者之间的区别export default 用来导出模块,供其他模块调用new Vue用来实例化,由于vue是单实例的应用,全局只有一个new Vue({})Vue.component 用来全局注册一个组件原创 2021-07-10 07:35:40 · 1824 阅读 · 0 评论