开始项目之前,先了解如何创建项目: http://www.cnblogs.com/pearl07/p/6247389.html

 

1,项目目录结构(路由是后来建的,将在下一篇使用路由,此处可忽略)。

vue-cli 组件的使用

 

2,首先完善main.js。 

vue-cli 组件的使用

 

3,在components下 ,新建一个first.vue组件,并实现基本功能(模板、script和样式)

----此处应该先了解vue.js 2.0基本语法  http://cn.vuejs.org/v2/guide/

vue-cli 组件的使用

 

4,在app.vue中引入并使用自己创建的组件。

vue-cli 组件的使用

 

5,npm run dev  打开 http://localhost:8080/可看到如下效果。

vue-cli 组件的使用

相关文章:

  • 2022-12-23
  • 2021-04-30
  • 2021-10-27
  • 2021-10-04
  • 2021-12-01
  • 2022-12-23
  • 2021-11-28
  • 2021-04-29
猜你喜欢
  • 2021-07-27
  • 2021-09-20
  • 2022-02-16
  • 2022-01-27
  • 2021-07-19
  • 2022-12-23
相关资源
相似解决方案