Vue-从入门到第三次世界大战_1

Posted 2020-10-04 刘明鑫l

前言：当然世界大战是大家都不希望看到的这里是代表我会一直更新下去 ，那我为什么要这么写，没错我就是标题党。

先说下Vue介绍：

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

为什么用：因为是TMD中国人写的 ，必须用用（其实好处多多）

从我这里能学到什么：因为自己也是刚开始学习这个框架，所以一起都会用小白视角去书写，没有高深的概念，我的目的就是

让你撸起袖子就是干，不要跟老夫讲什么，内存泄漏，内存溢出，什么分布式，什么集群，什么高内聚，低耦合（各种语言里面的问题）

让你写出来自己能看到，别人能看到 ，并且不卡  我觉得我就成功了，废话不说开始

 

1.加载Vue的方式有2种   一种下载vue.js文件   一种直接引用cdn（前端差不多都是这样）

这里我选择直接引用，因为我要省流量，哈哈哈

<script src="https://unpkg.com/vue/dist/vue.js"></script>

第一个程序

<div id="MxTest">
        {{msg}}
    </div>

    <script>
        window.onload = function () {
//          Vue 的V一定要大写
            new Vue({
                el:‘#MxTest‘,
                data:{
                    msg:‘Welcome For Mingxin‘
                }
            })

        }
    </script>

 

解释：

new Vue 代表创建一个Vue
el 代表找到选择器 写id class 标签都可以
data 输入内容
msg 相当于创建一个字符串
这里有一点需要大家注意  Vue的V一定要大写
错误写法vue，这是将出现问题

总结：
这样的话大家就基本熟悉了下vue的写法，大家下次再见