CDN引入vue.js为什么不能实现vue常用命令

首先在下小白一名，之前跟着慕课网做了一个vue+node的管理项目，这次回来想重新详细学习vue知识。所以在index.html页面中需要引入vuejs插件进行练习。前提本人很懒，不想下载vuejs到本地，所以就偷懒在index.html中引入vuejs的cdn来解决下载引入。结果戏剧性的一幕发生了。`

demo 是这伢子的

<div id="app"> <h1>商品名称：{{title}}</h1> <h3 v-if="state === 404">是 404</h3> <h3 v-else>非 404</h3> <ul> <li v-for='item in products'>商品</li> </ul> </div> <script src="https://cdn.bootcdn.net/ajax/libs/vue/0.10.0/vue.min.js"></script> <!-- <script src="../vue.js"></script> --> <script> new Vue({ el:"#app", data:{ title: "hello world", state: 404, products: [ {name:"iphone",stock:33}, {name:"huawei",stock:55}, {name:"mi",stock:66} ] } }) </script>

再看结果图

你会发现H1元素中双括号{{ }} （玛斯塔语法)vue 的数据响应式成功了，但是v-for命令实现循环products数组，应该出现三个l元素啊和v-if命令判断应该出现“ 是404“”的H3元素。

解决之法

最后反复尝试，最终遭到了解决方法。还是不得不去下载vue.js至本地再导入到index.html中。然后被懒惰无情扇脸（叫你懒，叫你懒，叫你懒）

总结

自己还是不晓得啥子情况噻，网上也查了没找到满意的结果，所以拿个小本本儿记下来先。也请各方大佬观此留步，赐教一番，小白再次谢过。