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

Posted 刘明鑫l

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue-从入门到第三次世界大战_1相关的知识,希望对你有一定的参考价值。

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

先说下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的写法,大家下次再见

以上是关于Vue-从入门到第三次世界大战_1的主要内容,如果未能解决你的问题,请参考以下文章

编程里(通过自己具体的观察从第一次到第二次第三次观察之间的关系)

Java零基础小白入门教程第三次课switch&循环

Java零基础小白入门教程第三次课switch&循环

世界神经系统,21世纪科技生态面临第三次全球标准

世界神经系统,21世纪科技生态面临第三次全球标准

世界神经系统,21世纪科技生态面临第三次全球标准