前端操作vue框架

前提把vue代码放到js目录下 

vue是现在比较流行的前端框架方式，核心的思想只要改变数据，页面就能发生变化 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
{{ msg }}
</div>
<!--导入vue把vue当脚本语言执行-->
<script src="js/vue.js"></script>
<script>
//    定义一个vue对象，app接管上面方法，最外层只有一个div #代表id属性
    new Vue({
        el:"#app",
        data:{
            msg:"hello world"

        },
        methods:{

        }

    })
</script>
</body>
</html>

 

想在页面渲染文字 

 

posted @ 2021-03-02 13:59  测试董先生  阅读(108)  评论(0)  编辑  收藏  举报