Blogger Information
Blog 14
fans 0
comment 3
visits 17546
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
vue初接触,何为挂载点
余生
Original
974 people have browsed it

了解vue.js

1.vue自底向上逐层应用,用于构建用户界面的渐进式框架。
2.vue用于简化dom操作
3.实现数据更新联动页面更新

了解vue挂载点 el:

1.el 概念:挂载点,相当于创建vue对象时绑定标签,从而进行对标签元素的操作。
2.挂载点 el 的作用范围:在vue实例中,挂载点会管理挂载标签及其后代元素,不可以作用在html、body上。

基本属性介绍

1.{{}} 插值
2.el:“” 挂载对象
3.data:{} 数据对象

  1. <!DOCTYPE html>
  2. <html lang="">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>vue挂载</title>
  7. <script src="skin/vue.js"></script>
  8. </head>
  9. <body>
  10. <div class="nav">{{ words }}</div>
  11. <p v-html=""></p>
  12. <script>
  13. // 创建vue实例
  14. const vm = new Vue({
  15. // 配置项
  16. // 声明挂载点(vue实例的作用域)
  17. // el element
  18. el:".nav",
  19. data:{
  20. words:"你好,世界",
  21. },
  22. });
  23. console.log(vm.$data.words);
  24. console.log(vm.words);
  25. // 数据访问代理
  26. </script>
  27. </body>
  28. </html>

页面中的访问状态

vue挂载点

总结:挂载点本质上与css选择器的区别不大,vue挂载点同样是可以通过dom中的标签或元素然后接管页面的渲染

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post