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/vue@2.5.16/dist/vue.js"></script> <script> // 定义名为 todo-item 的新组件 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的详细内容,更多请关注0133技术站其它相关文章!