zoukankan      html  css  js  c++  java
  • Vue 命令

    vue是数据渲染使用:axios,官网:https://www.kancloud.cn/yunye/axios/234845     ||  https://www.npmjs.com/search?q=axios

    安装脚手架npm install vue-cli 

    建立vue项目,名为vuedemo: vue init webpack-simple vuedemo

    进入项目:cd vuedemo

    安装依赖:npm install

    启动项目:npm run dev

    安装路由vue-routercnpm install vue-router -S

    在【main.js】中配置下路由 VueRouter 是自定义的名字,最好用这个,'vue-router'是来自上图json

    import VueRouter from 'vue-router';

    Vue.use(VueRouter);

     

    安装Mint UI:cnpm install mint-ui -S

    官网:https://mint-ui.github.io/#!/zh-cn

    在【main.js】

    // 引入全部组件

    import Vue from 'vue';

    import Mint from 'mint-ui';Vue.use(Mint);

     

    安装Muse UI:cnpm install muse-ui -S

    官网:https://muse-ui.org/#/zh-CN/installation

    完整引入:

    import Vue from 'vue';
    import MuseUI from 'muse-ui';
    import 'muse-ui/dist/muse-ui.css';

    安装Vant:npm i vant -S

    官网:https://youzan.github.io/vant/#/zh-CN/card

    <!-- 引入样式 -->

    <link rel="stylesheet" href="https://unpkg.com/vant/lib/index.css">

    引入其中一个组件:

            import { Button } from 'vant';

            Vue.use(Button);

     

    下载各种插件包:bower install jquery

            bower install swiper

            bower install bootstrap

    文件在dist文件夹下

  • 相关阅读:
    2、什么是session?
    1、什么是cookie?
    Vuejs实战项目五:数据列表
    Vuejs实战项目四:权限校验
    vue开发中控制台报错问题
    Vuejs实战项目三:退出系统功能实现
    Vuejs实战项目:登陆页面
    Vuejs实战项目步骤一
    springmvc:文件上传
    ssm整合:搭建环境
  • 原文地址:https://www.cnblogs.com/dudu123/p/10009521.html
Copyright © 2011-2022 走看看