vuejs 1—基础-考必过

【摘要】 vuejs 1—基础考必过小编为大家整理了关于vuejs 1—基础的信息，希望可以帮助到大家！

vuejs 1—基础

云私塾7.0-试学3天体验课

¥0

去购买

标签：挂载数据messageheadcodenbsp显示创建char

创建Vue对象的时候，传入了一些options : { }

{ }中包含了el属性：该属性决定了这个Vue对象挂载到哪一个元素上

{ }中包含了data属性：该属性中通常会存储一些数据

这些数据可以是我们直接定义出来的，比如像上面这样。

也可能是来自网络，从服务器加载的。

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>

    <body>
        <p id="app">
            <h2>{{message}}</h2>
            <h1>{{name}}</h1>
        </p>
        <p>{{message}}</p>
        <p</p>
            <script src="../js/vue.js"></script>
            <script>
                // let(变量)/const (常量)
                // 编程范式：声明式编程
                const app = new Vue({
                    el: ‘#app‘, //用于挂载要管理的元素
                    data: { //定义数据
                        message: "你好啊",
                        name: ‘coderwhy‘
                    }
                })

                // 元素js的做法（编程范式：命令式编程）
                // 1.创建p元素，设置id属性
                // 2.定义一个变量叫message
                // 3.将message变量放在前面的p元素中显示
                // 4.修改message的数据:今天天气不错!
                // 5.将修改后的数据再次替换到p元素
            </script>
    </body>

</html>

vuejs 1—基础

标签：挂载数据messageheadcodenbsp显示创建char

以上就是vuejs 1—基础的内容，更多资讯请及时关注考必过网站，最新消息小编会第一时间发布，大家考试加油！