zoukankan      html  css  js  c++  java
  • 创建Vue项目及其内容分析

    利用 vue 脚手架开发企业级应用
        # 全局安装 vue-cli
         npm install --global vue-cli
        # 创建一个基于 webpack 模板的新项目
         vue init webpack my-project
        # 安装依赖,走你
         cd my-project
         npm install
         npm run start

    1,构建一个vue项目(基于webpack)(用vue-cli工具)

    2,webpack的相关文件名字更改了

    3,出口路径文件

    4,入口文件main.js的理解

    5,main.js引入了App.vue组件,及其组件内容解析

    6,路由文件index.js,根据映射路径映射到helloworld.vue

    7,如下图

    8,style中scope表示该样式只在这个组件有效(局部),App.vue不加表示全局生效

    9,在config的index.js中修改(自启动选项),之后启动项目就会自动开启浏览器

    10,模块化工程的概况(index.html单页面主页,app.vue根组件)

    好文链接:https://www.cnblogs.com/webXiaoAYang/p/10621223.html

  • 相关阅读:
    Mysql添加用户与授权
    php导出数据到csv
    mysql导入数据和导出数据
    null在mysql中的不同表现
    乌班图安装Lnmp环境
    php框架路由美化后提示No input file specified
    cookie删除失效问题
    MongoDb安装
    MongoDb简介
    位置索引介绍
  • 原文地址:https://www.cnblogs.com/wskb/p/12023910.html
Copyright © 2011-2022 走看看