世界信息:vue中的el是指什么简写

时间:2022-12-13 17:51:18       来源:PHP中文网


【资料图】

本教程操作环境:windows7系统、vue3版,DELL G3电脑。

el是element的缩写,可称之为挂载点。原理来自于:MVC架构中,使用一个标签当做容器包住一些标签,使得标签被重新渲染,同时保留一些必要的属性。

每个vue2.0项目中我们都会看到入口文件(即main.js)中,在生成根实例时会配置el属性,而我们自己创建的组件中则不能配置该属性,下面引用了官方文档中对el属性的说明:

简单来说el的作用就是表明我们要将当前vue组件生成的实例插入到页面的哪个元素中,el属性的值可以是css选择器的字符串,或者直接就是对应的元素对象。并且只能在使用new生成实例时才能配置el属性,而我们在组件中只是export一个配置对象,如果设置了el则会报错。

// 错误使用方式,在组件中设置el// 提示错误: [Vue warn]: option "el" can only be used during instance creation with the `new` keyword.export default {    el: "#app"} // 正确写法var vm = new Vue({    el: "#app"})
登录后复制

我们再看看项目中的index.html。

              backstage            
登录后复制

打印vm.$el,会发现实例已经被挂载到el对于的元素中:

(学习视频分享:vuejs入门教程、编程基础视频)

以上就是vue中的el是指什么简写的详细内容,更多请关注php中文网其它相关文章!

关键词: 相关文章