vue基础入门

Q♛

于 2021-05-22 14:50:11 发布

阅读量110

点赞数 1

文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_52139966/article/details/117161010

版权

vue基础入门:

官网: https://cn.vuejs.org/v2/guide/

vue是一个渐进式的框架,是一个轻量级的 MVVM（Model-View-ViewModel,实现数据的双向绑定
好处:不用直接操作DOM就能改变里面的数据

使用:

(一) 引入:

 1.script直接引入 <script src="https://cdn.jsdelivr.net/npm/vue"></script>
 2.下载vue.js引入

(二)实例化vue对象:

    <div id="box">
        {{name}}
    </div>
    <script src="./vue.min.js"></script>
    <script>
        var Vue = new Vue({
            el:"#box",
            data:{
                name:"张三"
            }
        })
    </script>