VueDemo-3.目录结构分析

前端大灰狼

已于 2022-06-29 11:36:21 修改

阅读量274

点赞数

于 2022-02-08 15:35:29 首次发布

本文链接：https://blog.csdn.net/a9874561328/article/details/122825116

版权

3.目录结构分析

haigou-vue-app # 项目名称
    |-node_modules # 项目依赖
    |-public    # 资源文件，静态资源目录，如图片、字体等。
        ｜-img # 图片文件
        favicon.ico # 图标
        index.html # 首页入口文件，你可以添加一些 meta 信息或统计代码啥的。
        robots.txt
    |-src # 这里是我们要开发的目录，基本上要做的事情都在这个目录里
        |-assets    # 放置一些图片，如logo等
        |-components #  目录里面放了一个组件文件，可以不用
        |-router # 路由
        |-store # 状态管理器
        |-views # 页面
        App.vue # 项目入口文件，我们也可以直接将组件写这里。
        main.js # 项目的核心文件。
        registerServiceWorker.js
    .browserslistrc # 浏览器支持的规范配置
    .editorconfig # 编辑器的配置
    .eslintrc.js # 代码格式的校验规则
    .gitignore # git的忽略文件
    .babel.config.js # babel的配置，js高级的配置
    package.json # 项目配置文件
    README.md # 项目的说明文档，markdown 格式
    yarn.lock

如何在vue中使用jsx语法

渲染函数 & JSX — Vue.js

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
 <!-- <h1 class="test" id="a" msg="测试">hello vue</h1> -->
</div>
</body>
<script src="lib/vue.js"></script>
<script>
new Vue({
 render (createElement) {
   return createElement(
     'h1',
     {
       class: {
         test: true
       },
       attrs: {
         id: 'a',
         msg: '测试'
       }
     },
     'hello vue!!'
   )
 }
}).$mount('#app')
</script>
</html>

前端大灰狼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
VueDemo-3.目录结构分析

3.目录结构分析haigou-vue-app # 项目名称 |-node_modules # 项目依赖 |-public # 资源文件，静态资源目录，如图片、字体等。｜-img # 图片文件 favicon.ico # 图标 index.html # 首页入口文件，你可以添加一些 meta 信息或统计代码啥的。 robots.txt |-src # 这里是我们要开发的目录，基本上要做的事情都在这个目录里
复制链接

扫一扫