vuejs el有什么用

在vuejs中,el的作用为:指明Vue实例的挂载目标,会提供一个在页面上已存在的DOM元素作为Vue实例的挂载目标;在实例挂载之后,元素可以使用“vm.$el”访问。

vuejs el有什么用

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

vue官方API文档中,对el有如下描述:

https://cn.vuejs.org/v2/api/#el

vuejs el有什么用

立即学习“前端免费学习笔记(深入)”;

el 的作用大家都知道,用于指明 Vue 实例的挂载目标。我们重点关注上面两个红色叹号部分,总结一下就是:如果存在 render 函数或 template 属性,则挂载元素会被 Vue 生成的 DOM 替换;否则,挂载元素所在的 HTML 会被提取出来用作模版

nbsp;html>                  
  

登录后复制

示例1: render 函数渲染的 DOM 替换

new Vue({  el: '#ppp',  router,  store,   render: h => h(App)})

登录后复制

vuejs el有什么用

示例2:字符串模版替换

new Vue({  el: '#ppp',  router,  components: { App },  template: ''})

登录后复制

 vuejs el有什么用

  示例3:手动挂载且不存在render函数和template属性

new Vue({  router,  store,}).$mount('#ppp')

登录后复制

vuejs el有什么用

相关推荐:《vue.js教程》

以上就是vuejs el有什么用的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3019603.html

(0)
上一篇 2025年3月13日 05:29:24
下一篇 2025年3月11日 23:15:03

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vuejs如何全局自定义变量

    方法:设置一个专用的的全局变量模块文件,模块里面定义一些变量初始状态,用“export default”暴露出去,在“main.js”里面使用“Vue.prototype”挂载到vue实例上面或者在其它地方需要使用时,引入该模块便可。 本教…

    2025年3月13日
    200
  • vuejs中prop什么意思

    在vuejs中,prop是父组件用来传递数据的一个自定义属性。子组件需要显示的地用props选项声明“prop”;当使用非字符串模板时,prop的名字形式会从camelCase转为kebab-case(短横线隔开)。 本教程操作环境:win…

    2025年3月13日
    200
  • vuejs模板什么用

    vuejs模板从根本上规定了一个系统应当以怎样的交互形式和UI风格面向使用者,而遵循这套模板进行设计和完善功能;其作用为:1、担负XSS的防范;2、支持片段的复用;3、支持数据输出是的处理;4、支持动态数据;5、与异步流程严密结合。 本教程…

    2025年3月13日
    200
  • vuejs的两个核心是什么

    vuejs的两个核心是数据驱动和组件系统。数据驱动也就是数据的双向绑定,用于保证数据和视图的一致性。组件系统能够把页面抽象成多个相对独立的模块;可以实现代码重用,提高开发效率和代码质量,便于代码维护。 本教程操作环境:windows7系统、…

    2025年3月13日
    200
  • vuejs怎么修改背景色

    vuejs修改背景色的方法:1、在index.html中引入公用的css样式;2、通过添加“beforeCreate () {…}”代码修改单个组件的背景色即可。 本文操作环境:windows7系统、vue2.5.17版、Del…

    2025年3月13日
    200
  • vuejs怎么设置title

    vuejs设置title的方法:1、通过npm install安装“vue-wechat-title”;2、在main.js中引入“vue-wechat-title”;3、在index.js中给每个路由添加title即可。 本文操作环境:w…

    2025年3月13日
    200
  • vuejs中项目名怎么更改

    更改方法:1、打开项目根目录下“package.json”文件,将“name”项的值改成新的项目名;2、删除“node_modules”文件夹;3、在终端中进入项目文件夹,执行“npm install”和“npm run dev”命令即可。…

    2025年3月13日
    200
  • vuejs怎么引入css

    vuejs引入css的方法:1、在“app.vue”中的“”下直接引入对应的路径;2、将“@import”改成“”引入外部样式。 本文操作环境:Windows7系统、vue2.9.6版,DELL G3电脑。 vue.js引入外部CSS样式?…

    2025年3月13日
    200
  • vuejs怎么将毫秒转成日期

    vuejs将毫秒转成日期的方法:1、定义过滤器“filters.js”;2、在所用之处引入“filters.js”;3、通过“formatDate(data,’yyyy-MM-dd’);”进行转换即可。 本文操作环境…

    2025年3月13日 编程技术
    200
  • vuejs中axios用法是什么

    vuejs中axios的使用方法:1、安装axios;2、在main.js页面引用axios;3、通过“created(){this.$axios({method:’post’,url:’api&#821…

    2025年3月13日
    200

发表回复

登录后才能评论