第一个Vue页面

hyt669

已于 2022-03-16 18:35:36 修改

阅读量915

点赞数

文章标签： vue.js javascript

于 2022-03-16 18:26:26 首次发布

本文链接：https://blog.csdn.net/m0_51523819/article/details/123532631

版权

软件：HBuilder

1.导入Vue框架：(可在Vue官网中查询，并复制其链接

或者复制粘贴至新建文件夹中，在自行导入）

链接：https://cn.vuejs.org/js/vue.min.js

在HTML中写入以下代码即可


<script src="https://cn.vuejs.org/js/vue.min.js"></script>

2.实例化Vue且对应HTML标签中的id

例如：

<body>
    <div id="a">
        {{message}}
    </div>

     //实例化Vue
     //重点注意el值需填上“#”
    <script>
        var myVue=new Vue({
            el:"#a",
            message:"可在标签div中输出的内容"
        })
    </script>
</body

整体如下：