cdn怎么引入vue.js
1、首先创建一个HTML文件；
2、然后在body标签后面创建一个script标签；
3、最后指定script标签的src属性为vue.js文件的cdn地址即可。
使用：
1、创建一个id名为app的div用于挂载虚拟dom；
2、新建一个script标签，创建我们的vue实例即可。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vue.js</title>
</head>
<body>
<div id="app">
{{m}}<br>
<todo-item></todo-item>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
<script>
// 定义名为 todo-item 的新组件
<span style="color:transparent">来源gaodai#ma#com搞*代#码网</span> Vue.component('todo-item', {
template: '<p>这是个待办项组件</p>'
})
var app = new Vue({
el: "#app",
data: {
m: "hello vue.js",
},
});
</script>
</body>
</html>
更多Vue.js相关技术文章，请访问Vue.js答疑栏目进行学习！
以上就是cdn怎么引入vue.js的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：cdn怎么引入vue.js
转载请注明原文链接：cdn怎么引入vue.js
