使用CDN引入

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

Vue实例

Vue的第一天 随笔 第1张

一个Vue只能有一个容器,再多就不行了,不要问为什么

下面还是官网的实例

Vue的第一天 随笔 第2张

v-if的使用

Vue的第一天 随笔 第3张

v-for循环

Vue的第一天 随笔 第4张

v-on

 Vue的第一天 随笔 第5张

 v-model,实现表单输入和应用状态之间的双向绑定

 Vue的第一天 随笔 第6张

 

*****Vue组件*****

组件一定要放在new Vue前,不然没有效果

Vue的第一天 随笔 第7张

父组件的传值

Vue的第一天 随笔 第8张

一个组件可以多次使用

如果需要给单个组件添加点击事件或者其他事件,需要在@click后边加.native

Vue的第一天 随笔 第9张

Vue的第一天 随笔 第10张

 

 Vue的第一天 随笔 第11张

Vue的第一天 随笔 第12张

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄