VUE课程---5、vue devtools
一、总结
一句话总结:
vue devtools作用:vue devtools是vue的开发工具,可以很方便的检测出vue中间数据的变化
vue devtools注意:vue devtools在vue的开发环境(vue.js)中才可以用,生产环境(vue.min.js)中不可用
二、vue devtools
博客对应课程的视频位置:5、vue devtools
https://www.fanrenyi.com/video/26/222
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>vue devtools</title>
6 </head>
7 <body>
8 <!--
9
10 vue devtools使用注意
11 vue devtools在vue的开发环境(vue.js)中才可以用,生产环境(vue.min.js)中不可用
12
13 -->
14 <div id="app">
15 <input type="text" v-model="msg2">
16 <div>{{msg2}}</div>
17 </div>
18 <!--<script src="../js/vue.js"></script>-->
19 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
20 <!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
21 <script>
22 new Vue({
23 el:'#app',
24 data:{
25 msg:'欢迎来到vue的世界1111111111111',
26 msg2:'这是vue的双向数据绑定的实例'
27 }
28 });
29 </script>
30
31 </body>
32 </html>
来源:oschina
链接:https://my.oschina.net/u/4359458/blog/4270036