Vue_template是什么

1.el是什么提供一个在页面上已存在的DOM元素作为Vue实例的挂载目标。可以是css选择器，也可以是一个HTML元素实例。如果在实例化时存在这个选项，实例将立即进入编译过程，否则，需要显示调用vm.$mount()手动开启编译2.template是什么一个字符串模板作为Vue实例的标识使用。模板将会替换挂载的元素，挂载元素的内容都将被忽略。如下<body><div id="ap

桃花扇J

6952人浏览 · 2020-11-18 15:19:02

桃花扇J · 2020-11-18 15:19:02 发布

1.el是什么

提供一个在页面上已存在的DOM元素作为Vue实例的挂载目标。可以是css选择器，也可以是一个HTML元素实例。如果在实例化时存在这个选项，实例将立即进入编译过程，否则，需要显示调用vm.$mount()手动开启编译

2.template是什么

一个字符串模板作为Vue实例的标识使用。模板将会替换挂载的元素，挂载元素的内容都将被忽略。如下

<body>
  <div id="app">
    {{ }}
  </div>
  <script>
    const vm = new Vue({
      el: '#app',
      data: {
      },
      template: `<div id="app-10"></div>`
    })
  </script>
</body>

【结果】可以看到 el 被 template 代替了，即 template 的优先级要高于 el.

3.Vue初始化到挂载的流程图

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^