xiaocai5731的博客

1、基于 webpack 模板生成项目：基于webpack模板生成项目地址2、进入项目根目录安装Element UI：命令：F:>cd F:\VUEworkspace\demo-project3、修改/src/main.js文件，引入element-ui// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.

1、进入demo-project项目的src\components目录下新建views目录，并新建Second.vue组件2、编辑First.vue组件，在中增加一段代码：<template> <div class="first-app"> {{msg}} <confirm text="注册" @message="getMessage"></confirm> <p><router-link to="/seco

页面增加展示文字1、进入demo-project项目的src\components目录下新建views目录，并新建First.vue文件2、进入router目录下的index.js并配置路由路径：3、编辑First.vue文件内容：注意：(1)template 写 html，script写 js，style写样式；(2)一个组件下只能有一个的div；(3)数据要写在return里。4、在浏览器地址栏输入：http://localhost:8080/#/first父子组件通信1、在

1、初始化项目：命令：F:\VUEworkspace>vue init webpack demo-project2、创建好的项目目录结构：其中：build—项目构建(webpack)相关代码config—基本配置信息，如端口等node_modules—npm加载的项目依赖模块src—开发目录，包含assets(放置图片)，components(组件文件夹)，app.vue(项目入口文件)，main.js(项目核心文件)static—静态资源目录test—初始测试目录，可以删除i

一、安装Node.js1、Node.js 安装包及源码下载地址：https://nodejs.org/en/download/2、配置系统环境变量PATH，添加Node.js的地址。3、验证安装成功C:\Users\admin>node -vC:\Users\admin>node --version二、安装cnpm1、配置淘宝镜像：C:\Users\admin>npm config set registry https://registry.npm.taobao.org2

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统：1、通过 @vue/cli 实现的交互式的项目脚手架。2、通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。3、一个运行时依赖 (@vue/cli-service)：可升级；基于 webpack 构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件进行扩展。4、一个丰富的官方插件集合，集成了前端生态中最好的工具。5、一套完全图形化的创建和管理 Vue.

1、vue+webpack 初始化项目：全局安装vue-cli： cnpm install -g vue-cli创建一个基于webpack模板的新项目： vue init webpack new-project2、填写以下内容：Project name：项目名称，如果不需要就直接回车。注：此处项目名不能使用大写。Project description：项目描述，直接回车。Author ：作者。vue build：构建方式，有2个选项，推荐使用选项1选项说明Runtime