Vue组件开发三个步骤 1.创建2.注册 3.使用

最新推荐文章于 2023-08-13 20:27:16 发布

优价实习

最新推荐文章于 2023-08-13 20:27:16 发布

阅读量494

点赞数

分类专栏： VUE学习笔记文章标签： vue

本文链接：https://blog.csdn.net/weixin_44828588/article/details/115272240

版权

VUE学习笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

组件化思想:一种抽象的，让我们可以开发的一个个独立的复用的小组件，任何应用都可以抽象成一个组件树。
1.注册组件的基本步骤
1.创建组件构造器,调用Vue.extend()创建组件构造器 const my
2注册组件调用Vue.component()方法，注册组件Vue.component(‘参数一’,参数二)
3.使用组件，再Vue范围内使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/vue.js"> </script>


</head>
<body>
<div id="app">
        <h2>我是标题</h2>
 // 3.使用组件
<my-cont></my-cont>
</div>
</body>
<script>
// 组件化思想:一种抽象的，让我们可以开发的一个个独立的复用的小组件，任何应用都可以抽象成一个组件树。
// 1.注册组件的基本步骤
//          1.创建组件构造器,调用Vue.extend()创建组件构造器 const my
//          2注册组件 调用Vue.component()方法，注册组件Vue.component('参数一',参数二)
//          3.使用组件，再Vue范围内使用



// 1.创建组件器
const C=Vue.extend({
    template:`<div>
                    <h2>我是标题</h2>
                    <p>sjxsjxb</p>
                    <p>sjxsjxb</p>
                    <p>sjxsjxb</p>
                </div>`
})
//2.注册组件
Vue.component('my-cont',C)


const a=new Vue({
    el:'#app',
    data:{
        message:'你好'
    }
})
</script>
</html>

优价实习

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
Vue组件开发三个步骤 1.创建2.注册 3.使用

组件化思想:一种抽象的，让我们可以开发的一个个独立的复用的小组件，任何应用都可以抽象成一个组件树。1.注册组件的基本步骤1.创建组件构造器,调用Vue.extend()创建组件构造器 const my2注册组件调用Vue.component()方法，注册组件Vue.component(‘参数一’,参数二)3.使用组件，再Vue范围内使用<!DOCTYPE html><html lang="en"><head> <meta charset="U
复制链接

扫一扫