vue基础知识-el挂载点

最新推荐文章于 2023-02-27 09:51:23 发布

原创最新推荐文章于 2023-02-27 09:51:23 发布 · 985 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

vue 专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了Vue实例的挂载过程，解释了el选项的作用，即Vue如何管理和控制指定的DOM元素及其后代元素。强调了使用ID选择器作为推荐实践，并明确了不能使用HTML和BODY标签作为挂载点。

el挂载点

el是用来设置vue实例挂载（管理）的元素
vue会管理el选项命中的元素及其内部的后代元素
可以使用其他的选择器，但是建议使用ID选择器
可以使用其他的双标签，不能使用HTML和BODY

来自黑马程序员网课

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

脆的娃娃菜好吃

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue及Element UI&vue-element-admin简记

生活在别处

11-21

8443

文章目录概念索引安装vue基本语法声明式渲染动态参数双向绑定数据绑定中进行数据处理使用JS表达式计算属性侦听器Class 与 Style 的数据绑定Class的数据绑定Style的数据绑定条件与循环条件渲染v-if指令v-show指令列表（数组）渲染数据更新检测事件监听器修饰符事件修饰符按键修饰符按键码系统修饰键指令的缩写组件化应用构建vue实例实例生命周期的钩子模板语法高级语法相关概念HTML ...

Vue基础知识总结 11：前端路由vue-router

最新发布

2501_90252551的博客

01-18

1273

当打包构建应用时，JavaScript包会变得非常大，影响页面加载。如果我们能吧不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。

参与评论您还未登录，请先登录后发表或查看评论

el挂载点

小岳岳

09-11

149

<div class = "app"> {{ message }} <span> {{message}} </span> </div> el:".app" el:"div"

Vue | 04.Vue基础 - el挂载点

xyx-Eshang的博客

09-27

1618

文章目录1.概述2.何为el(挂载点)？3.Vue对象的作用范围 1.概述 el属性设置Vue对象挂载(管理)的元素 Vue对象的作用范围是挂载的元素及其子元素如果有多个符合挂载范围的元素，则只会挂载在第一个元素 el属性可以使用任意的选择器，但最推荐使用ID选择器(因为只会挂载在第一个元素上，因此ID选择器是最合适的) Vue对象可挂载到除<body>和<html>外的任意双标签 2.何为el(挂载点)？通过css选择器，设置Vue对象管理(挂载)的元素。以下方代码为例：

Vue中 el挂载点

weixin_52634719的博客

08-02

241

看

el挂载点[vue框架][web前端]

m0_57001006的博客

05-29

377

el挂载点(Vue简单基础) el是用来设置Vue实例挂载(或者说是管理)的元素的 Vue实例的作用范围是什么呐? Vue会管理el选中的元素以及其内部的后代元素如果我们在el命中的元素之外使用插值表达式尝试取出模型数据值的时候是取不出来数据的, 因为我们的Vue作用范围就是在其el命中当元素之中我们的el其实就是在设置我们Vue的作用范围, 我们的le选中的元素也就是我们的Vue的作用范围, 其实此时我们就可以说是已经是将我们的Vue绑定到了我们的此时的元素上, 我们此时在这个元素的标签体内部

Vue笔记整理，让你快速入门Vue.js：02_2.Vue基础：el 挂载点

鲁迷那的专栏—坚持实践后再写出来！

03-21

557

目录一、el挂载点二、Vue实例的作用范围是什么呢？ 1、实例代码测试 2、效果展示 3、结论三、是否支持其他的选择器？ 1、实例代码测试 2、效果展示 3、结论四、是否可以设置其他的dom元素呢？ 1、实例代码测试 2、效果展示 3、结论五、内容-总结上一节咱们学习了如何跑起来第一个Vue程序，在创建Vue实例的时候有两个属性分别是：el 和 data，...

vue2-empty:vue2基础开发框架

03-27

Vue.js 是一款非常流行的前端JavaScript框架，用于构建用户界面。Vue 2.x 是其第二代版本，相较于初代，它提供了更多优化和改进。...学习并熟练掌握这些知识点，对于成为一名高效的Vue开发者至关重要。

web前端VUE框架-基础知识及核心原理

01-27

掌握 Vue 的基础知识和核心原理，对于提升前端开发效率和构建复杂应用至关重要。通过实践，如创建自定义指令、实现全选与非全选功能，以及处理计算属性和监听器，可以深入理解 Vue 的工作原理。

Vue.docx（vue基础知识）

04-20

**标题与描述**：“Vue.docx（vue基础知识）”这一文档主要介绍了Vue.js的基础知识，涵盖了目录结构、实例化方式以及基本用法等内容。 **知识点解读**： - **Vue.js**：一种渐进式的JavaScript框架，用于构建用户...

vue el挂载点

qq_40687516的博客

02-19

425

vue实例的作用范围？ el命中的元素以及其后代元素是否可以使用其他选择器可以，但是建议用id 是否可以设置其他的dom元素可以设置除html和body以外的双标签 ...

Vue笔记_挂载点(el+$mount)

qq_43260366的博客

09-17

1844

在Vue中不再和HTML直接进行交互了，而是将其挂载到DOM元素上,当数据发生变化的时候数据变化->操作DOM->更改数据，但是操作DOM->更改数据是通过Vue内部虚拟DOM 完成的，表现是数据驱动视图改变！// [2]没有设置挂载点，vue不知道将数据渲染到哪个视图上，将插值语法按照普通文本显示。2）若是希望data中的数据能够对多个元素生效，可以将vue实例挂载到父元素上；// [1]此时由于挂载点选择多个HTML元素，则只会对第一个元素生效；

Vue学习之el挂载点详解

Code皮皮虾的博客

09-12

4815

文章目录1、Vue实例的作用范围2、el是否可以使用其他选择器3、能否设置其他的dom元素 1、Vue实例的作用范围 Vue会管理el选项命中的元素及其内部的后代元素 2、el是否可以使用其他选择器目前使用的是id选择器使用class选择器可以使用class选择器使用标签选择器注意：使用标签选择器，如果存在多个相同的标签，则只会匹配第一个，示例如下：建议使用id选择器 3、能否设置其他的dom元素使用h2标签使用span标签注意：只能支持双

[Vue基础]vue的挂载点；vue的插值表达式；vue指令； v-for指令(列表渲染)；v-model指令(双向数据绑定)；vue事件修饰符；vue事件方法中的this；vue事件参数

wusandaofwy的博客

09-15

858

vue的挂载点;vue的插值表达式;vue指令; v-for指令(列表渲染);v-model指令(双向数据绑定);vue事件修饰符;vue事件方法中的this;vue事件参数

Vue基础：el挂载点，data数据

qi341500的博客

02-27

747

1、el：挂载点 2、data数据对象

vue学习笔记之挂载el

Oralinge

09-16

4247

body和html挂载失败，页面显示如图：查阅官方文档可知：

vue之el挂载

qq_43819817的博客

04-07

1322

el是用来设置Vue实例挂载（管理）的元素 Vue会管理el选项命中的元素及其内部的后代元素可以使用其他的选择器，但是建议使用ID选择器可以使用其他的双标签，不能使用HTML和body 写在html文件中 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>el:挂载点</title> </head> <body> <!-

Vue中的 el 和 mount 挂载

weixin_34375251的博客

06-20

831

在vue对象中绑定块元素两种方式（菜鸟教程测试）：1.通过 vue 对象中声明 el 属性绑定操作块元素选择器 <div id="app"> <p>{{ message }}</p> <p>{{ good }} </p> </div> <script> new Vue({ el :'#app' ...

Vue el：挂载点

02-07

422

Vue实例的作用范围是什么呢？ Vue会管理el选项命中的元素及其内部的后代元素是否可以使用其他的选择器？可以使用其他的选择器，但是建议使用ID选择器是否可以设置其他的dom元素呢？可以使用其他的双标签，不能使用HTML和BODY ...