![](https://img-blog.csdnimg.cn/20210630113020750.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
VUE
vue
H.F_0331
这个作者很懒,什么都没留下…
展开
-
vue组件之间相互传值
Vue 作为一个轻量级的前端框架,其核心就是组件化开发。Vue 就是由一个一个的组件构成的,组件化是它的精髓,也是最强大的功能之一。而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。但在实际项目开发过程中,我们需要访问其他组件的数据,这样就就有了组件通信的问题。1、父组件向子组件传值父组件通过属性的方式向子组件传值,子组件通过 props 来接收。在父组件的子组件标签中绑定自定义属性/* 父组件页面 */<t...转载 2021-08-20 17:20:26 · 240 阅读 · 0 评论 -
vue生命周期
1、生命周期概念在Vue中实例对象从创建到销毁的过程就是生命周期,即指从创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程。注意:在Vue生命周期钩子会自动绑定 this 上下文到实例中,因此你可以访问数据,对 property 和方法进行运算,这意味着你不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.fetchTodos())2、生命周期阶段其他特殊场景的生命周期:ac...原创 2021-08-20 14:49:07 · 109 阅读 · 0 评论 -
基于vue项目 验证码生成组件
1、安装验证码组件npm install captcha-mini2、项目引入 import CaptchaMini from 'captcha-mini'; //引入验证码生成组件注:在使用页面引入3、定义验证码容器<template> <div> <canvas id="captcha" class="captcha"></canvas> </div></...原创 2021-06-29 15:12:06 · 903 阅读 · 0 评论 -
基于vue-cli3项目实现不同分辨率显示屏幕适配
1、安装lib-flexible 插件npm i lib-flexible -S2、安装换算 px 换算 rem 插件npm install postcss-px2rem --save3、 修改vue.config.js 文件module.exports = { // css中加入 css: { loaderOptions: { postcss: { plugins: [ ...原创 2021-06-29 11:51:12 · 888 阅读 · 0 评论 -
vue-cli3项目中引入jquery
1、安装jquerynpm install jquery --save2、或则在package.json中指定版本号,然后运行npm install命令原创 2021-06-18 16:27:24 · 331 阅读 · 0 评论