自学内容网 自学内容网

编写Vue组件

Vue项目中只有src目录下的是主要要写的。

在这里面:

  • main.ts

    import './assets/main.css'
    
    // createApp 创建应用
    import { createApp } from 'vue'
    
    // APP根组件
    import App from './App.vue'
    
    // 挂在到 #app 容器上
    createApp(App).mount('#app')
    
    

App.vue的格式:

<template>
html
</template>

<script lang="ts">
    JS/TS
</script>

<style>
    CSS
</style>

注意:需要在项目目录下,于package.json同级目录内,输入项目运行指令才行。

# cd prj;
npm run dev

否则会报错:

npm error path E:\Undergraduate\School\Programme\Front-End\Vue\LAB\package.json
npm error errno -4058
npm error enoent Could not read package.json: Error: ENOENT: no such file or directory, open 'E:\Undergraduate\School\Programme\Front-End\Vue\LAB\package.json'
npm error enoent This is related to npm not being able to find a file.
npm error enoent

原文地址:https://blog.csdn.net/qq_63432403/article/details/142863288

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!