vue脚手架

最新推荐文章于 2024-01-28 22:49:35 发布

Zhangzilnn

最新推荐文章于 2024-01-28 22:49:35 发布

阅读量56

点赞数

分类专栏： vue 文章标签： vue.js javascript

本文链接：https://blog.csdn.net/weixin_45998300/article/details/123547166

版权

vue 专栏收录该内容

11 篇文章 3 订阅

订阅专栏

1.@vue/cli 目录和代码分析

1.1main.js（入口文件）（连接app.vue和index.html之间的桥梁）

import Vue from 'vue' //引入vue对象，类似于<script src="vue.js"></script>
import App from './App.vue' //app.vue文件里的对象引入过来（vue项目页面 入口）

Vue.config.productionTip = false //在控制台有一句提示消息

new Vue({ //开始实例化vue
        render: h => h(App), //准备渲染app页面
    }).$mount('#app') //渲染到index.html文件里id叫app的标签中

1.2index.html

<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title>
        <%= htmlWebpackPlugin.options.title %>
    </title>
</head>

<body>
    <!-- 当浏览器禁用了js脚本，就会显示noscript里的内容 -->
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
</body>

</html>

Zhangzilnn

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue脚手架

1.@vue/cli 目录和代码分析1.1main.js（入口文件）（连接app.vue和index.html之间的桥梁）import Vue from 'vue' //引入vue对象，类似于<script src="vue.js"></script>import App from './App.vue' //app.vue文件里的对象引入过来（vue项目页面入口）Vue.config.productionTip = false //在控制台有一句提示.
复制链接

扫一扫