vue

<!DOCTYPE html>
<html>
<head>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <!-- -->
    <title></title>
</head>
<body>
    <div id='app'>
        {{ msg }}
        <input type="text" v-model="msg">
    </div>
</body>
<script type="text/javascript">
    window.onload = function() {
        var vm = new Vue({
            el : "#app",  //vue和容器的关联关系,用于,开发者自定义变量的的范围
            data : {
                msg:'msg bian liang'
            }
        });
        console.log('vm');
    }
</script>
</html>

 

1、安装node.js

2、安装vue 脚手架工具

npm install --global vue-cli

posted @ 2019-09-01 11:55  agang_19  阅读(124)  评论(0编辑  收藏  举报