Vue组件开发


如何编写一个组件

Vue中一个最主要的特性,就是让你使用组件化开发.页面上你看到的如何的东西,都可以写成组件.

  • 静态的Vue组件

    在script标签声明一个app变量就可以把munt部分独立出来了.

    const app=Vue.createApp({
          //.....somting........
    app.mount("#app")
    • 有了app变量,可以非常方便的自定义组件并使用了.比如现在写一个标题的组件

       app.component('my-title',{
                  template:`<h1 style="text-align:center">欧美歌手</h1>`
           }),

有了这个组件,就可以在app的模板部分使用了,比如我们放在template的最上面,代码如下:

template: `
    <div>
        <my-title />
        <!--...somting......-->
    </div>

`

文章作者: Bibooo
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Bibooo !
评论
  目录