Vue - 挂载

挂载<body><div id="app"></div></body>接管id名为app的div区域什么是挂载？让Vue实例控制页面中的某个区域的过程，称之为挂载。挂载的方式：通过 `el:“css选择器” 进行配置<body><div

温柔流浪

3123人浏览 · 2020-08-20 10:34:53

温柔流浪 · 2020-08-20 10:34:53 发布

挂载

<body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
</body>

接管id名为app的div区域

什么是挂载？
让Vue实例控制页面中的某个区域的过程，称之为挂载。
挂载的方式：

通过 `el:“css选择器” 进行配置

<body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
</body>
<script>
new Vue({
  el: '#app'
})
</script>

创建Vue时便进行了挂载

通过 Vue实例.$mount("css选择器")进行配置

<body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
</body>
<script>
new Vue({
  ...
})
Vue.$mount("#app");
</script>

创建Vue了之后进行挂载
$ 作用是为了区别 Vue 实例中的数据名称等相同（防止重名）

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}$/, //不连续的两位字母// /^