前端框架开始学习Vue(一)

MVVM开发思想图(图片可能会被缩小，请右键另存查看，图片来源于网络)

定义基本Vue代码结构

1 v-text,v-cloak,v-html命令

默认 v-text没有闪烁问题，但是会覆盖元素中原本的内容，插值表达式只会替换自己的占位符,

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <script src="vue.js">
    </script>
    <style type="text/css">
        [v-cloak]{
            display: none;
        }
    </style>
    <body>
        <div id="app">
            <p v-cloak="">{{msg}}</p>
        </div>
        <script type="text/javascript">
            var vm = new Vue({
                el:'#app',
                data:{
                    msg:"123"
                }
            })
        </script>
    </body>
</html>

View Code--使用v-cloak解决插值表达式闪烁的问题