美文网首页
创建简单实例理解vue

创建简单实例理解vue

作者: 云景玉东 | 来源:发表于2019-07-05 23:10 被阅读0次

https://cn.vuejs.org/v2/guide/installation.html
下载开发版本或生产版本文件,并保存你的文件下载路径


创建一个.html文件,任意命名,编写以下代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta cha rset="UTF-8">
    <title>Vue</title>
    <script src="F:\xiazai/vue.js"></script>
</head>
<body>
    <div id="root">{{msg}}</div> 
    <script> 
        new Vue({
            el: "#root" ,
            data:{ 
                msg: "hello world"
            }
        })
    </script>
</body>
</html>

用浏览器打开你创建的.html,如下图所示,则实例成功。


<script src="F:\xiazai/vue.js"></script>

此代码语句就是将下载的文件引入.html文件,如果下载的文件和.html在一个文件夹也可以这样编写

<script src="./vue.js"></script>

身为小白,你记住.html代码的结构就可以,慢慢你会理解,此处多说无益。

相关文章

网友评论

      本文标题:创建简单实例理解vue

      本文链接:https://www.haomeiwen.com/subject/tpiyhctx.html