![](https://img-blog.csdnimg.cn/20210409130059912.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
Vue学习相关
X北辰北
坐标成都,专注于Web开发,主要技术栈为React。
展开
-
vue项目中使用vue-router
说明此处仅做简单记录,并没有做详细的整理。操作步骤1、通过以下命令安装路由,如下:npm install vue-router --save-dev2、在src根目录下新建router文件夹,然后新建router.js文件,输入以下代码:import Vue from 'vue';import Router from 'vue-router';import DataSource from '../components/system/content/dataSour.原创 2021-04-16 12:54:19 · 635 阅读 · 0 评论 -
vue项目中使用vuex
说明此处仅做简单的记录,并没有详细的去整理。步骤1、通过命令在项目根目录安装vuexnpm install vuex --save-dev2、然后在src目录下新建一个store文件夹,在文件夹中新建index.js文件,在此文件中输入以下代码:import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store();export default s.原创 2021-04-16 12:49:00 · 594 阅读 · 1 评论 -
用vue脚手架搭建一个demo
概述介绍过vue脚手架@vue/cli的安装和vue基础环境的安装之后,我们简单介绍了一下vue以及其应用的场景,但都是写一些基本的小段代码,跟真正运用到项目中来比的话还差很远,这篇文章就介绍下如何用脚手架搭建基础的项目demo框架。操作步骤1、新建一个文件夹,然后在此文件夹下运行命令行窗口,通过命令vue create mydemo来创建一个项目。2、输入命令后会提示你选择一个present,默认即可,然后进入创建好的项目根目录,运行npm run serve命令.原创 2021-04-16 12:44:44 · 568 阅读 · 0 评论 -
vue环境搭建--脚手架
概述最近由于项目的原因,在学习react的过程中抽出时间来学习一下vue,所以特此记录一些学习笔记,中间如果有一些问题的话欢迎大家指出。按理说react和vue的思想大致是一样的,所以在看vue的官网教程时也是比较顺利的,大部分内容能看得懂。在进行vue开发之前,我们先要搭建环境,在此处我们介绍vue-cli脚手架的使用。操作步骤1、其实vue-cli是1.X和2.X中的称呼,他在3.X中的新名字叫做@vue/cli,如果你已经安装过vue-cli这个旧版本的脚手架的话,那就使用命令.原创 2021-04-16 12:42:04 · 403 阅读 · 0 评论