位置:电子教程 > Vue.JS入门教程 (如果看不到内容请使用360浏览器) 推荐学习资源
Vue.js入门
Vue.js 数据绑定
Vue.js中的指令
Vue.js 表单和双向数据绑定
Vue.js 条件和循环指令
Vue.js 循环语句v-for
Vue.js 样式绑定
Vue.js 事件处理器
Vue.js 监听属性
Vue.js 计算属性
Vue.js 组件 Component
Vue.js 自定义指令
Vue.js 路由
Vue.js 过渡和动画
Vue.js 响应接口
Vue.js中Ajax(Axios)
当前阅读教程:Vue.JS入门教程 > 第一种:使用 CDN 方法
阅读(22555525)      收藏       赞(5685)      分享
上一篇: Vue.js 安装 下一篇: 第二种:下载官方js框架

以下推荐国外比较稳定的几个 CDN,目前还是建议下载到本地(断网情况下本地也可以使用)。

n  Staticfile CDN(国内) : https://cdn.staticfile.org/vue/2.2.2/vue.min.js

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue入门实战讲解-黄菊华老师</title>
<!—加载Staticfile CDN提供的vue.js框架-->        
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
  <p>{{ message }}</p>
</div>
 
<script>
new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})
</script>
 
</body>
</html>

n  unpkghttps://unpkg.com/vue/dist/vue.js , 会保持和 npm 发布的最新的版本一致。

加载如下

<script src="https://unpkg.com/vue/dist/vue.js"></script>

n  cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

加载如下

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js "></script>


上一篇: Vue.js 安装 下一篇: 第二种:下载官方js框架
毕业设计网             广告联系QQ:45157718(微信同号)