VUE 学习之 el

百度了一下：为实例提供挂载元素。值可以是 CSS 选择符，或实际 HTML 元素，或返回 HTML 元素的函数说是官网上也有介绍。目前先这么理解着。<!DOCTYPE html><html><head><title>VUE hello world</title&g

夜跑者

4033人浏览 · 2018-07-17 08:47:17

夜跑者 · 2018-07-17 08:47:17 发布

百度了一下：为实例提供挂载元素。值可以是 CSS 选择符，或实际 HTML 元素，或返回 HTML 元素的函数

说是官网上也有介绍。目前先这么理解着。

<!DOCTYPE html>
<html>
<head>

    <title>VUE hello world</title>

    <script src="https://unpkg.com/vue/dist/vue.js"></script>

    <style>

        #simple{
            margin-left: 100px;
            margin-top: 100px;
            width: 100px;
            height: 100px;

            background-color: #00a9a7;
        }

    </style>

</head>


<body>

<div id="simple">
    <p>{{name}}</p>
    <p>{{isShow ? "show" : "hide"}}</p>
    <p>{{number1 + number2}}</p>
</div>


<script>
var simpleID = new Vue({
    el:"#simple",
    data:{
        name : "hello world",
        isShow : false,
        number1: 10,
        number2: 20
    }
})

    simpleID.number2 = 30;
</script>

</body>
</html>

之前的例子也可以说明这个问题

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