Vue二阶

安装Nodejs服务器

node --version检查是否成功

安装npm

npm -v检查

安装vue的脚手架

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

vue -V检查

使用脚手架创建Vue工程

在cmd窗口中输入  vue ui

Vue二阶_第1张图片

Vue二阶_第2张图片

 Vue二阶_第3张图片

 Vue二阶_第4张图片

Vue二阶_第5张图片 

Vue二阶_第6张图片 

 Vue二阶_第7张图片

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

npm run serve  --运行项目 nodejs

Vue二阶_第8张图片

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

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

注册另一个组件

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

使用注册的组件


说说路由

Vue二阶_第9张图片

 

你可能感兴趣的:(vue.js,前端,javascript)