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里面要显示的名称保持一致