Vue开始

形同创建html的步骤,(本次使用VScode2023)

首先,声明一个'CDN'

1 <script src="https://cdn.staticfile.net/vue/2.7.0/vue.min.js"></script>
2    <!--没这个则输出div里面的标签,在head标签或者body标签里无所谓,都一样-->

之后如同写html时建立一个id选择器,用id选择器的形式来接收输出的信息,也可以用“class”来替代id选择器

1 <div id="app">
2         <!--相当于使用了id选择器-->
3         {{ message }}
4       </div>

在赋值时

1 <script>
2             new Vue({
3                 el:"#app", /*建立了一个id选择器*/
4                 data: {
5                     message:"第一个Vue!!!" /*同名替换,如果跟div中的变量名不同命则不会显示*/
6                 }
7             })
8       </script>

要点一:id选择器名称保持一致;

要点二:在data的大括号中要与上面div里面要显示的名称保持一致

posted @ 2024-07-08 20:26  昏睡的云雪  阅读(6)  评论(0)    收藏  举报