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官网文档