Vue使用总结

一、环境搭建

　　1. 插件/依赖安装

　　　　A. dependencies使用：npm i -S/--save ant-design-vue@2.0.0-rc.5；

　　　　B. devDependencies使用：npm install -D(--save-dev) less-loader@7.2.1；

　　2. 开启本地HTTPS访问

　　　　用途：如果我们在本地运行项目(http://localhost:8090/typescript)，以http开头访问大部分时候都满足了需要，但比如调用摄像头，就需要以https开头来访问；

              办法：

　　　　　　module.exports = {
  　　　　　　devServer: {
    　　　　　　　https: true
  　　　　　　}
　　　　　　}

二、语法

　　1. .vue文件基本结构

<template>
    <div class="demo">
    </div>
</template>

<script>
export default {
    name: "demo"   
};
</script>

<style lang="less" scoped>
    .demo {
        height: 100%;
    }
</style>

 

三、其他

　　1. 命令

　　　　A. 启动：npm run serve；

 

四、vue-router

　　1. 安装vue-router：npm install vue-router --save；

　　2. 使用步骤

　　　　A. 导入路由对象，并且调用Vue.use(VueRouter)；

　　　　B. 创建路由实例，并且传入路由映射配置，即组件和路由映射关系；

　　　　C. 在Vue实例中挂载创建的路由实例；

　　　　D. 使用路由，通过<router-link>和<router-view>。

 

可参考：Vue官网文档

　　　　Vue3.0官方文档

　　　　Ant官网文档

　　　　Axios中文文档