zoukankan      html  css  js  c++  java
  • vue使用vue-cli创建项目

    安装运行环境(node和npm)

    安装vue-cli(查看是否安装成功vue -V)

    安装webpack

    新建项目

    1、vue init webpack 项目名称

    2、配置项目有关的信息(项目名称,开发者,描述,安装路由,使用eslint代码规范,测试单元)

     

    3、下载依赖模块后会出现启动项目的提示命令

    4、进入项目的文件夹下,,使用npm run dev来运行项目

     

    5、运行完成后根据提示的地址进行项目的访问

    6、到此项目就创建完成了,以上是页面中显示的内容

     

    8、主要修改的是src中的文件

    Assets中存放静态资源

    Components中存放当前项目中用到的组件

    Router中存放涉及的路由配置

    App.vue当前项目的主页面组件

    Main.js当前项目的vue实例创建,可以将实例的配置信息放在当前文件中

    9、组件的文件中主要包含三个部分,template、script、style

    Template标签中放html结构(必须有且只有一个跟标签)

    Script中存放当前组件的数据、生命周期函数、计算属性、侦听器、方法等

    Style中放样式,使用scoped可以使样式只作用于当前组件

    10、路由的配置,使用path、name、component来只能路由对应的地址,名称和指定的组件,嵌套路由通过child中配置下级路由来实现,child的值是数组

  • 相关阅读:
    计算机中丢失OPENGL.dll
    BAT或赌在当下或押在未来,谁是王者?
    singleton
    计算机原理扫盲
    汇编扫盲
    sublime text 3 使用过程总结记录
    sublime text3侧边栏主题不生效问题解决
    atom初体验
    Sublime Text 3 快捷键总结
    微信后台开发第一步:nodeJS+express接入微信后台详细教程
  • 原文地址:https://www.cnblogs.com/wyongz/p/11169221.html
Copyright © 2011-2022 走看看