Vue.js添加组件操作示例

(编辑：jimmy 日期: 2025/1/18 浏览：2)

本文实例讲述了Vue.js添加组件操作。分享给大家供大家参考，具体如下：

<!DOCTYPE HTML>
<html>
  <head>
    <title>vue.js hello world</title>
    <script src="/UploadFiles/2021-04-02/vue.js">

效果：

局部注册
不需要全局注册每个组件。可以让组件只能用在其它组件内，用实例选项 components 注册：


var Child = Vue.extend({ /* ... */ })
var Parent = Vue.extend({
 template: '...',
 components: {
  // <my-component> 只能用在父组件模板内
  'my-component': Child
 }
})




希望本文所述对大家vue.js程序设计有所帮助。

上一篇：JavaScript 判断对象中是否有某属性的常用方法

下一篇：vue 项目打包通过命令修改 vue-router 模式修改 API 接口前缀

Vue.js添加组件操作示例

一句话新闻