代码改变世界

npm知识点：

2022-09-04 21:35  ly772186472  阅读(17)  评论(0)  编辑  收藏  举报

1：debugger   断点调试

2: $message  使用框架提示信息

　　 ---this,$message.success();

　$router.push() 进行页面跳转时候用   

　--this.$router.push(“/use/loogin”);

3:从表单获取数据--那么就要定义数据模型

:dataSwitch --表示是数据模型， 那么就是定义在data上进行数据绑定--是一个动态的值

data(){
    return {    
        users:{}
    }      
}

 4:数据绑定

<body>
2
    <!-- id标识vue作用的范围，绑定的数据必须写在这个div内部 -->
3
    <div id="app">
4
        <!-- {{}} 插值表达式，声明式渲染，绑定vue中的data数据 -->
5
        {{ message }}
6
    </div>
7
8
    <script src="vue.js"></script>
9
    <script>
10
        // 创建一个vue对象
11
        // Vue构造函数的参数是一个配置对象，对象中的key是一些固定的关键字
12
        new Vue({
13
            el: '#app', //绑定vue作用的范围，用id选择器选中div
14
            data: {
15
                //在data中注册变量，用于视图中的数据绑定
16
                message: 'Hello Vue!',
17
            }
18
        })
19
    </script>
20
</body>