Vue双向绑定的原理一、在讲vue双向绑定之前我们需要来了解下MVVM模式MVVM（Model-View-ViewModel）是对 MVC（Model-View-Control）和 MVP（Model-View-Presenter）的进一步改进。View：视图层（UI 用户界面）ViewModel：业务逻辑层（一切 js 可视为业务逻辑，也就是前端的日常工作）Model：数据层（存储数据及对数据的
转载
2023-07-23 18:37:59
282阅读
Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。那么，Vue是如何实现的呢？vue.js 则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。整体思路核心：通过Object.
转载
2023-08-11 14:54:37
108阅读
在vue中，props将父组件方法（数据）传递给子组件。父组件发送的形式是以属性的形式绑定值到子组件身上，接着子组件用属性props去接受父组件传过来的值。 本教程操作环境：windows7系统、vue2.9.6版，DELL G3电脑。父组件向子组件传值步骤：在这里先定义一下，相对本案例来说：App ...
转载
2021-10-28 13:21:00
151阅读
2评论
目录狂神视频地址1、Vue 概述1.1概述1.2前端三要素1.3三端同一1.4后端技术1.5iView1.6Element UI2、前端发展史2.1后端为主的MVC时代2.2基于AJAX带来的SPA时代2.3前端为主的MV*时代2.4Node JS带来的全栈时代3、 第一个Vue程序3.1、什么是MVVM3.2为什么要使用MVVM（1）View（2）Model（3）ViewModel3.3第一个
转载
2023-11-06 16:02:32
30阅读
文章目录前言一、介绍1.1、工作原理1.2、特点1.3、同类对比二、快速上手三、目录结构3.1、默认的页面路由四、基本配置4.1、配置文件4.2、主题配置4.3、应用级别配置五、静态资源5.1、相对路径5.2、公共文件5.3、基础路径六、Markdown扩展七、在Markdown中使用Vue八、多语言支持8.1、站点多语言配置8.2、默认主题多语言配置九、部署 前言目前主流的静态网站生成器以Vu
转载
2024-04-23 13:33:54
133阅读
#使用props传递数据html:传递普通的字符串<h3>#使用props传递数据</h3>
<div id="dr01">
<div>组件实例的作用域是孤立的。这意味着不能并且不应该在子组件的模板内直接引用父组件的数据。可以使用 props 把数据传给子组件。</div>
<br />
<chi
# 搭建 Vue 与 Java 的联动应用：入门指南
在现代的 web 开发中，常常需要将前端框架（例如 Vue.js）与后端框架（例如 Java Spring）进行结合，以实现分层架构的支持。本文将逐步引导您完成 Vue 嵌入 Java 应用的完整流程。
## 开发流程概述
以下是我们将要实现的步骤概览：
| 步骤 | 描述
文章目录前言具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaits系统测试系统测试目的系统功能测试系统测试结论代码参考数据库参考 前言?博主介绍：✌985计算机专业毕业、某互联网大厂高级全栈开发程序员、码云/华为云/阿里云/InfoQ/StackOverflow/github等平台优质作者、专注于Java、小程序、前端、python等技术领域和毕业项目实战，以及程序
vue3.0中的Axios使用第一种：axiosaxios是一个库，并不是vue中的第三方插件，使用时不能通过Vue.use()安装插件，需要在原型上进行绑定：引入npm install axios -S1、局部使用（组件内）<script >
import axios from "axios";
export default {
name:'xxx',
metho
转载
2023-08-31 20:14:53
92阅读
# Vue 应用的安卓部署指南
随着前端开发的快速发展，越来越多开发者选择使用 Vue.js 来构建单页应用（SPA）。那么，如果你想把一个 Vue 应用部署到 Android 平台上，该如何操作呢？本文将为你提供一份完整的指南，包括代码示例以及状态图和关系图。
## 1. 了解 Vue 应用
Vue 是一个用于构建用户界面的渐进式框架。 Vue 可以通过多种方式进行部署，包括 Web 服务
原创
2024-10-04 07:18:46
166阅读
原创
2022-09-17 06:33:16
15阅读
一直对单测很感兴趣，但对单测覆盖率、测试报告等关键词懵懵懂懂，最近几个月一直在摸索如何在Vue业务系统中落地单元测试，看到慢慢增长的覆盖率，慢慢清晰的模块，对单元测试的理解也比以前更加深入，也有一些心得和收获。1. 定义单元测试定义：单元测试是指对软件中的最小可测试单元进行检查和验证。单元在质量保证中是非常重要的环节，根据测试金字塔原理，越往上层的测试，所需的测试投入比例越大，效果也越差，而单元测
转载
2023-10-13 21:40:32
27阅读
1、新建Vue实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的。通过 Vue 函数新建一个 vue 应用：<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="
转载
2024-05-08 20:04:25
56阅读
vue-echarts在vue项目中的引用与使用
原创
2021-11-26 15:22:49
230阅读
一、概述vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。而传统的多页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。路由中有三个基本的概念 route, routes, router。1.
转载
2023-12-14 07:01:31
104阅读
在HTML文件中自定义vue模板的方法，可以参考：https://www.cnblogs.com/essayblog/p/15245213.html 在.vue文件中设置vue模板的方法： 路径：在Vscode中找到 文件-->首选项 -> 用户片段，在输入框内输入vue，并点击vue.json。 ...
转载
2021-09-25 19:56:00
521阅读
2评论
const CounterComponent = Vue.extend(Counter); this.vm = new CounterComponent({}).$mount('#container'); 其中 Counter 是引进来的组件this.vm是引进来的组件生成的vue实例我们可以通过t
原创
2022-07-22 14:44:29
228阅读
const CounterComponent = Vue.extend(Counter); this.vm = new CounterCo
原创
2023-03-24 19:38:08
81阅读
<template> <div class="test"> </div> </template> <script> export default { name : 'test', data() { return { websock: null, } }, created() { this.initW ...
转载
2021-10-22 09:33:00
257阅读
2评论
概述 什么是Stylus Stylus是一个CSS预处理器。 什么是CSS预处理器 关于CSS预处理器，推荐先行阅读这篇文章：为您详细比较三个 CSS 预处理器（框架）：Sass、LESS 和 Stylus现在你应该对CSS预处理器有个大概的认识了，总的来说，CSS预处理器为CSS提供了更多的更加灵
转载
2017-11-27 16:01:00
175阅读
点赞
3评论
