随笔分类 - Vue
摘要：1、router-link （声明式路由）1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就
阅读全文
摘要：在初始化的Vue项目中，我们最先接触到的就是main.js，App.vue，index.html这三个文件，我们从培训视频或者官方文档上可以了解到： index.html 主页，项目入口 App.vue 根组件 main.js 入口文件 那么这几个文件之间的联系如何呢？ 1.先看index.html
阅读全文
摘要：之前使用的vue-cli2的是否可以在创建项目时直接引入vue-router，但是现在Vue-cli3新建项目后却少了很多东西，我们需要自己来安装使用路由。具体方案如下： 安装路由 npm install vue-router 创建router.js与main.js同级 router.js中的内容为
阅读全文
摘要：一、介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件： CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令） CLI 服务：@vue/cli-service是一个开发环境
阅读全文
摘要：一、安装 VUE CLI 3.0 官网： https://cli.vuejs.org/ 详细资料可以自己先把官网过一遍。 1. 安装（默认你的电脑上已安装node及npm） npm install -g @vue/cli 2. 检查版本 vue --version 二、创建项目 （用的cmd工具）
阅读全文
摘要：一、<router-link :to="...">to里的值可以是一个字符串路径，或者一个描述地址的对象。例如： // 字符串 <router-link to="apple"> to apple</router-link> // 对象 <router-link :to="{path:'apple'}
阅读全文
摘要：1. package.json 在执行npm run dev的时候，会在当前目录中寻找 package.json 文件, 有点类似 Maven 的 pom.xml 文件，包含项目的名称版本、项目依赖等相关信息。 { # 版本信息 "name": "kitty-ui", "version": "1.0
阅读全文
摘要：创建vue项目最重要的是环境搭建， 第一步：node.js安装（地址：https://nodejs.org/en/） 安装好以后，node和npm的环境都搭建好了。新建一个文件夹，用 windows PowerShell （shift+右键） 打开命令行： 1.node -v 查看node的版本。
阅读全文
