vue整理笔记（二）

最新推荐文章于 2024-07-24 14:58:19 发布

Y1Y2Y3Y4Y5YJL

最新推荐文章于 2024-07-24 14:58:19 发布

阅读量169

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_62982672/article/details/127840892

版权

前言

上次整理到vue的项目创建

这次就来说说vue的单文件组件创建

1、Vue 组件

1.通过命令 vue init webpack 项目名创建一个项目例子： vue create vue2-demo

2.打开src的文件夹打开components 在里面创建一个名为MyTr.vue的组件

app.vue是根组件

3.打开MyTr.vue

写入基本格式

<template>
    <div>
    /* 页面内容组件结构*/
      <h3>你好呀</h3>
    </div>
  </template>

<script>
/*组件的交互代码 */
export default{
    name:'MyTr',
    data(){
        return{

        }
    },
    mounted:{

    },
    methods:{

    }
}
</script>

<style>
/* 组件样式*/
</style>

4.这里进行局部组件应用

编写组件标签：