Vue二阶

小母牛开飞机.

已于 2022-08-29 21:04:32 修改

阅读量169

点赞数 1

文章标签： vue.js 前端 javascript

于 2022-08-07 20:36:29 首次发布

本文链接：https://blog.csdn.net/weixin_65942614/article/details/126216525

版权

本文介绍了如何安装和配置Node.js环境，包括检查版本、安装npm。接着，详细阐述了Vue CLI的安装步骤及验证方式，并展示了如何使用Vue CLI创建Vue项目。此外，还讲解了通过npm安装项目所需模块及运行项目的方法。对于遇到的网络问题，提供了解决方案，确保项目能够正常运行。最后，提到了Vue组件的导入、注册和使用，以及路由的基本概念。

摘要由CSDN通过智能技术生成

安装Nodejs服务器

node --version检查是否成功

安装npm

npm -v检查

安装vue的脚手架

安装的命令: npm install -g @vue/cli

vue -V检查

使用脚手架创建Vue工程

在cmd窗口中输入 vue ui

npm install -- 安装项目需要的模块

npm run serve --运行项目 nodejs

当前组件中导入另一个组件

import hello from './components/Hello.vue'

注册另一个组件

export default {
name: 'app',
//(2)注册组件
components: {
hello
}
}

使用注册的组件

<hello></hello>

说说路由

解决Network: unavailable不显示问题

module.exports = {
    configureWebpack: {},
    devServer: {
        host: '0.0.0.0',
        public: '127.0.0.1:8080',
        port: '8080',
        https: false,
        disableHostCheck: true,
        open: false // 配置自动启动浏览器
    }
}