Vue学习笔记

最新推荐文章于 2024-08-16 13:15:15 发布

xingjie_yan

最新推荐文章于 2024-08-16 13:15:15 发布

阅读量71

点赞数

分类专栏：笔记文章标签： vue.js 学习 javascript

本文链接：https://blog.csdn.net/xingjie_yan/article/details/124905478

版权

笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

Vue

1.搭建vue 环境

可以区vue.js 官网下载两个版本的Vue.js .一个用于生产的vue.min.js和用于开发的vue.js
在Visual Studio code 插件处搜索 LIver Server ,才能在浏览器看效果.目前遇到问题:无法切换设置的浏览器
学了vue的watch 方法感觉很像java的封装方法.

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="../js/vue.js" type="text/javascript" charset="UTF-8"></script>
    </head>
    <body>
        <div id="app">
          {{a}}
        </div>
        <script type="text/javascript">
            var data = {a:1};
            var vm = new Vue({
                el  : "#app",
                data : data
            });
            vm.$watch('a',function(newVal,oldVal){
            console.log(newVal, oldVal);
        })
            vm.$data.a = "test .."
        //    data.a = "test"
        </script>
    </body>
</html>

关注博主即可阅读全文