Vue 的使用_51CTO博客

Vue的使用

Vue的使用Vue到底是啥？ Vue中包含了两部分虚拟DOM 模块化编程虚拟DOM，在我们重用模板的时候，在Vue中存在虚拟DOM 虚拟DOM是为了更好的去重用我们的DOM (增加元素的时候，先去虚拟DOM找是否存在，如果有那么不用生成，注意头插和尾插) 模块化编程： Vue可以将一个页面的部分抽取成一个碎片（Fragment）当我们的页面需要显示的时候，将这些碎片进行

Vue

原创精选

咕噜咕噜滚上山

2023-08-26 09:33:06

608阅读

1点赞

1评论

08.27自我总结Vue的使用一.挂载点这样设置好了后这个vue中的内容会与对应的css选择器进行关联注意点:挂载点只遍历第一个匹配的结果html与body标签不可以作为挂载点挂载点的只一般就采用id选择器(唯一性)二.插值表达式html差值部分页面{{msg}}Vue部分代码注意点:Vue中的msg变量发生变化的再没其他约数条件下msg也会发送变化里面值进行函数过滤{{msg|函数名}}h2标签

Vue

原创

已注销

2021-06-03 20:17:00

96阅读

Vue的使用

Vue是什么：虚拟DOM重用模板的时候在Vue中存在虚拟DOM 真实的DOM（我们眼睛能看到的部分）虚拟DOM的虚拟出现是为了更好的去重用我们的DOM模块化编程将一个页面的某一部分抽取出来变成一个独立的代码块，独立代码块可以是HTML、JS、CSS模板容器 <div id="div01"> {{}} //一定的那个要用两个大

Vue

vue生命周期

代理服务器的配置和Axios

原创

Dear王

2023-09-02 14:10:36

81阅读

1点赞

[vue] Vue事件的基本使用

事件的基本使用： 1.使用v-on:xxx 或 @xxx 绑定事件，其中xxx是事件名；

vue.js

javascript

前端

Vue

html

原创

wx5909dcbadae4c

2022-12-21 10:22:13

90阅读

vue ui 的使用

vue ui 创建件项目不用新建文件 1.3 使用vue的脚手架，配置路由（安装一次就不用再次安装了）1.4 使用可视化面板创建项目，vue-ui命令创建gui面板1.5 init project 初始化git1.6 手动配置vue项目==》功能面板 babel router linter/afromater(代码校验)使用配置文件打开（不同配置放在不同地方）4个必选1.7.1 是否使用历史路

vue ui

转载

mb600beb5e8f23b

2021-01-28 20:50:01

305阅读

2评论

Vue CLI的使用

Vue CLI的使用安装Vue脚手架 //默认安装最新版本 npm install g @vue/cli //或者一起安装脚手架全局服务器 npm install g @vue/cli @vue/cli service global 注意：我这里安装的是Vue CLI 4.1.2的版本如果需要按

初始化

流程图

服务器

it技术

原创

爱代码3000

2022-01-10 17:03:33

737阅读

Vue的基本使用

Vue的基本使用一、MVVM1、什么是MVVMMVVM（Model-View-View

vue

vue.js

node.js

Vue

数据

原创

Daylight629

2023-01-31 15:07:48

43阅读

Vue的基本使用

Vue的基本使用插值表达式：{{ }}。作用：将数据填充到HTML标签中。插值表达式支持基本的计算操作数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值： <body> <div id="app">第一次学习：{{ msg }}</div> <!-- 引入MDNv ...

插值

数据

vue.js

数据绑定

原理分析

转载

mb5fed73533dfa9

2021-08-06 11:08:00

61阅读

2评论

vue 监听的使用

watch:{ 监听的属性:function(旧值，新值) { } } 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"> <

html

.net

javascript

vue.js

其他

转载

mob604756ef1373

2018-08-23 21:18:00

92阅读

2评论

Vue路由的使用

Vue 1、Vue项目初始化创建方式 1、博客：https://blog.csdn.net/weixin_37841566/article/details/109462083 2、创建Vue2版本 3、创建Vue3版本创建方式：vue create “项目名” 或 vue init webpac ...

Vue

创建项目

html

ios

静态资源

转载

mb5fe94b3e552d9

2021-10-10 18:32:00

81阅读

2评论

Vue -- teleport的使用

teleport传送门Teleport是一种能够移动DOM到Vue根节点之外的技术。teleport应用蒙层特效目标效果：点击按钮这个页面显示一个满屏的半透明的黑色蒙层，再次点击隐藏蒙层。首先创建DOM结构：html<divclass="area"<button@click="handleClick"按钮</button<divclass="mask"vshow="show"@click="han

html

插入图片

页面效果

原创

爱划水de鲸鱼哥

2022-11-20 23:05:14

159阅读

vue socket的使用

1、简单介绍基于webSocket通信的库主要有 socket.io，SockJS，这次用的是 SockJS。2、前提这里我

websocket

http

socket

网络

套接字

转载

武汉淘淘

2022-07-05 17:09:45

364阅读

vue calc的使用

vue calc的使用

vue.js

前端

javascript

原创

奥特慢更快

2023-08-13 01:01:29

426阅读

vue echart的使用

获取ECharts你可以通过以下几种方式获取 ECharts。从 Apache ECharts (incubating) 官网下载界面获取官方源码包后构建。在 ECharts 的

html

vue.js

ECharts

初始化

数据

原创

mb61cac9c148376

2022-01-09 14:47:01

508阅读

vue~vuex的使用

存储相关 Vuex 和本地存储（如localStorage）以及 cookie 存储（如 document.cookie）之间有一些关系，但它们是不同的概念，用于不同的

应用程序

数据

异步操作

原创

仓储大叔

10月前

80阅读

vue的基本使用

MVVM实现MVVM设计思想的框架，基本上都完成对DOM功能的极限封装，开发者

其他分类

原创

mb60efb0123ab42

2021-07-15 16:34:06

112阅读

Vue路由的使用

安装npm install vue-router --save 构建路由js: import Vue from 'vue'import Rout

App

Vue

原创

wx5c08995b28fc1

2023-06-05 14:22:47

47阅读

vue使用vue-router的步骤

import Vue from 'vue'import Home from './Home'import router from './router'new V：引入vue-ro...

vue使用vue-router的步骤

Vue

App

css

原创

wx6409a261df68a

2023-03-15 09:31:32

170阅读

Vue简介和Vue指令的使用

环境引入 //开发版本:  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> //生产版本:  <scrip ...

Vue

数据

html

插值

修饰符

转载

mob60475703a599

2021-09-12 16:07:00

108阅读

2评论

Vue中 Vue.component() 的使用

使用 Vue.component（）全局注册组件新建两个文件：test.vue 、index.js// test.vue 这里定义我们准备多次复用的组件<template> <div> <h3>Hello {{name}}</h3> <button @click="changeName()">changeName</button> </div></templa

Vue 2.x

vue.js

前端

es6

Vue.js

原创

明天也要努力

2021-07-13 15:50:39

6165阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

Vue 的使用

Vue的使用

Vue的使用

Vue的使用

[vue] Vue事件的基本使用

vue ui 的使用

Vue CLI的使用

Vue的基本使用

Vue的基本使用

vue 监听的使用

Vue路由的使用

Vue -- teleport的使用

vue socket的使用

vue calc的使用

vue echart的使用

vue~vuex的使用

vue的基本使用

Vue路由的使用

vue使用vue-router的步骤

Vue简介和Vue指令的使用

Vue中 Vue.component() 的使用

[vue] Vue-router（路由）的使用

Vue的基本使用

vue组件的使用

Vue ref的使用

vue directives的使用

vue的简单使用

vue mixin的使用

【Vue】lottie的使用

Vue路由的使用