CDN方式Vue组件注册

简介: CDN方式Vue组件注册

代码示例

<div id="app">
    <global-child></global-child>
    <local-child></local-child>
</div>

<script src="./vue.js"></script>

<script>
    Vue.component("global-child", {
        template: "<div>全局组件</div>"
    });

    var vm = new Vue({
        el: "#app",

        components: {
            "local-child": {
                template: "<div>局部组件</div>"
            }
        }
    })
</script>
            </div>
相关实践学习
Serverless极速搭建Hexo博客
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
目录
相关文章
|
2月前
|
JavaScript 前端开发 Java
vue-day01 使用cdn引入使用
文章介绍了Vue.js的基础用法,包括数据绑定、条件渲染、列表渲染、事件处理等。通过示例代码展示了如何使用Mustache语法、v-once指令、v-html指令、v-bind和v-on指令,以及动态参数、修饰符和指令缩写。这些基础知识为初学者提供了Vue.js的使用入门。
vue-day01 使用cdn引入使用
|
JavaScript CDN
CDN方式Vue组件注册
CDN方式Vue组件注册
168 0
|
JavaScript CDN
CDN方式使用ElementUI的Message组件
CDN方式使用ElementUI的Message组件
194 0
|
JavaScript CDN
CDN方式使用Vue组件通信
CDN方式使用Vue组件通信
155 0
|
JavaScript 前端开发 CDN
vue项目中使用CDN引入
vue项目中使用CDN引入
1305 0
vue项目中使用CDN引入
|
资源调度 JavaScript
ant-design-vue:基础使用
ant-design-vue:基础使用
248 0
|
JavaScript
创建项目vue3项目
创建项目vue3项目
创建项目vue3项目
|
JavaScript
vue-cli安装步骤(附带cnpm安装不成功及vue不是内部命令)
vue-cli安装步骤(附带cnpm安装不成功及vue不是内部命令)
687 0
vue-cli安装步骤(附带cnpm安装不成功及vue不是内部命令)
|
JavaScript
Vue.js学习笔记 04、Vue属性(Mixin、自定义指令、teleport以及render)(二)
Vue.js学习笔记 04、Vue属性(Mixin、自定义指令、teleport以及render)(二)
Vue.js学习笔记 04、Vue属性(Mixin、自定义指令、teleport以及render)(二)