cdn怎么引入vue.js

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技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » Vue.js 答疑