vue整理笔记（二）

前言

上次整理到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.这里进行局部组件应用

编写组件标签：

import Mytr from '@/components/MyTr.vue' //引入组件MyTr.vue

 main.js引入App.vue