1.基本用法组件不仅仅是要把模板的内容进行复用,更重要的是组件之间要进行通讯。通常父组件的模板中包含子组件,父组件要正向的向子组件传递数据或者参数。这个正向传递数据的就是通过props来实现的。props中声明的数据与组件data函数return的数据的主要区别在于props来自父级,而data组件的数据是自己的数据,作用域是组件本身。这两种数据都可以在模板template及计算属性和方法meth
转载
2023-07-02 21:54:10
947阅读
export default { props: ['msg'], ready () { this.$watch('msg', function(newVal, oldVal){ .
转载
2022-05-26 16:49:53
1802阅读
props作用：父组件向子组件传递数据1.单向数据流所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。不要在子数组内部修改props！常见的使用方法：希望将prop 作为一个本地的 数据来使用通过定义一个本地的 data property
转载
2023-06-01 17:13:39
255阅读
路由的参数设置是路由的反斜杠加冒号，如下代码：import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
Vue.use(Router)
export default new Router({
routes: [
{
path
转载
2023-07-06 15:22:10
554阅读
1. 报错原因：下载的插件的版本和idea不匹配2. 进入http://plugins.jetbrains.com搜索需要的插件vue.js3. 找到idea对应版本再下载4. 安装即可
转载
2023-06-26 17:55:57
214阅读
专注 Vue 源码分享，文章分为白话版和 源码版，白话版助于理解工作原理，源码版助于了解内部详情，让我们一起学习吧研究基于 Vue版本2.5.17今天记录 Props 源码流程，哎，这东西，就算是研究过了，也真是会随着时间慢慢忘记的。幸好我做了详细的文章，忘记了什么的，回忆起来必然是很快的。好的，回到正题，Props请你在读这篇之前，先去看看我的白话版【Vue原
获取url参数有两种情况：情况一：内部页面之间互相传值这里先讲情况一，因为同一项目内互相传值比较简单，假如要从A页面跳转到B页面，并传值。就要在A页面这么写this.$router.push({name:"B",query:{
Id : this.tId ,
...
}})进入B页面之后，在B页面内这么写this.Id = this.$route.query.Id;就能将A页
转载
2023-07-14 15:23:58
851阅读
## 1.把json数据放入Public目录下## 2.利用axios引用json数据，路径直接 /xxx.json 即可
转载
2023-06-11 20:12:34
82阅读
刚好看见以前自己还没用vue的传参和接受参数的博客，想起现在自己用vue用的最多，那就记录一下vue的传参和接受参数的方式；vue跳转路由用this.$router.push()方法，这个方法可以接受对象或者字符串两种参数： 我先说当是Object的时候,常用的有{path: ‘’,query:{},name:'',params:{}} path
转载
2023-06-06 00:26:27
141阅读
简单描述一下问题：Q： 在组件内部调用了公共方法wakeApp，想在判断是微信环境时候，通过改变组件局部变量的值，弹出遮罩组件，然鹅，并不知道怎么在外部引用的js中改变组件data中定义的局部变量。 A：尝试很多方法无果，后来优秀同学告诉我，他之前在vuex里 访问this，就是这么搞的，试了一下，好使：data() {
return {
转载
2023-06-20 19:02:49
207阅读
首先理清nodejs和npm的关系： node.js是javascript的一种运行环境，是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。包含关系，nodejs中含有npm，比如说你安装好nodejs，你打开cmd输入npm -v会发现出啊线npm的版本号，说明npm已经安装好。引用大神的总结:其实npm是nodejs的包管理器（packa
转载
2024-01-16 22:03:58
114阅读
如何引用Vue.js【自行跳过 先介绍一下 vue.js 由于vue是 渐进式 轻量级JavaScript框架 如果要开发全新的vue框架，很建议使用项目构建工具 】如何引用Vue.js 可以去官网下载Vue.js的开发版和生产版，并通过Script标签全局引用 当然也可以用npm 安装 由于npm的仓库源布置在国外，不建议使用，建议使用淘宝镜像(1)安装cnpm （在cmd下）：npm inst
转载
2023-06-02 14:09:11
115阅读
# Vue.js获取style
## 介绍
Vue.js是一个流行的JavaScript框架，用于构建用户界面。在Vue.js中，我们经常需要获取元素的样式信息，以便在处理用户交互时进行相应的操作。本文将介绍如何使用Vue.js获取元素的style属性，并提供相应的代码示例。
## 获取元素的style属性
在Vue.js中，可以使用`$refs`属性来获取元素的引用。一旦获取了元素的引用
原创
2023-09-01 03:39:29
796阅读
传参：1. 页面式（html）标签路由跳转传参 ----- router-link（其实就是a标签）2. js编程式路由跳转 ----- this.$router.push() // params query 3. 路由组件传参 ----- 在路由配置中用分号拼接参数获取参数：1. this.$router.params ----- 搭配路由的
转载
2023-06-06 00:00:14
314阅读
VueRouter的使用
什么是VueRouterVue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。如何使用？使用VueRouter至少需要引入vue-router和Vue。import Vue from "vue";
import VueRouter from "vue-rout
转载
2023-07-14 10:20:02
232阅读
一、Vue.js是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。二、如
在vue的很多组件中都会用到axios来Post数据，每个组件中都写上一个post的方法倒是也可以，复制就行了，但是总感觉有些不方便，那么可以把axios的post写到一个单独的js文件中，然后在需要的组件中引用岂不是更好吗。1、在assets文件下新建一个js文件新建一个名称为webpost.js文件import axios from 'axios'
//Post方法的封装
fu
转载
2023-06-01 22:24:39
10阅读
1、访问vue官网：https://cn.vuejs.org/
原创
2023-03-20 10:54:19
75阅读
# Vue.js 获取焦点方法
在Vue.js中，获取DOM元素的焦点是一项常见的操作。本文将介绍如何使用Vue.js来获取焦点，并给出相关的代码示例。
## 为什么需要获取焦点
在Web应用程序中，焦点是指当前用户正在与之交互的元素。通过给元素设置焦点，可以使用户能够与该元素进行交互，例如输入文字或点击按钮。在某些情况下，我们可能需要在页面加载时自动将焦点设置在某个特定的元素上，或者在用户
原创
2023-09-11 04:51:21
1088阅读
在使用
Vue开发中，我们会常常
获取input框的值，在这跟大家总结一下我常用的两种方式。使用ref
获取input框的值<template>
<div>
<div class="logininfor">
<input type="text" placeholder="手机号码" ref="userphone">
转载
2023-06-07 10:50:33
596阅读
