项目启动:npm run build 脚手架 vue cli vue cli --2 安装命令 #全局安装 npm install --global vue-cli #卸载vue-cli  npm uninstall -g vue-cli #创建一个基于webpack模版的新项目 vue init webpack my-project #脚手架的启动 npm run dev vue cli --3 安装命令 #全局安装 npm install --g @vue/cli #创建一个项目 vue c…

一  使用环境: windows 7 64位操作系统 二  VSCode安装与配置  1.下载: https://code.visualstudio.com 直接点击即可. 2. 点击按装程序,默认安装即可. 三 Vue前后端开发常按装插件 1. Chinese (Simplified) Language Pack for Visual Studio Code  中文配置 2.  ESlint  JavaScript 语法规则和代码风格的检查工具 3.  Live Server 实时加载功能的小…

一  使用环境: windows 7 64位操作系统 二  jango-cors-headers安装解决跨域问题(后端解决方案) 跨域,指的是浏览器不能执行其他网站的脚本.它是由浏览器的同源策略造成的,是浏览器施加的安全限制. 所谓同源是指,域名,协议,端口均相同,不明白没关系,举个栗子: http://www.123.com/index.html 调用 http://www.123.com/server.php (非跨域) http://www.123.com/index.html 调用 ht…

前言 在上一篇博客vue学习笔记(九)vue-cli中的组件通信内容中,我们学习组件通信的相关内容和进行了一些组件通信的小练习,相信大家已经掌握了vue-cli中的组件通信,而本篇博客将会带你更上一层楼,说实话有关路由的知识我有提到过一点,使用webstorm搭建vue-cli项目这篇博客结尾的示例就是有关路由的一点小知识,但是当时只是做了一个小小的案例,而本篇博客将会详细讲解vue中的路由相关知识,那么一起来看看吧! 本章目标 了解Vue Router的简单介绍 学会vue路由的传参方式 Vu…

前言 在上一章博客的内容中vue学习笔记(七)组件我们初步的认识了组件,并学会了如何定义局部组件和全局组件,上一篇内容仅仅只是对组件一个简单的入门,并没有深入的了解组件当中的其它机制,本篇博客将会带大家深入了解组件的其它知识,组件的校验,组件的通信等等. 本章目标 学会组件简单的校验 学会父组件向子组件传递数据 学会子组件向父组件传递数据 父组件向子组件传递数据 父组件向子组件传递数据实现的方式特别简单,只用使用props进行数据传递就可以了. 语法:props['属性1',‘属性2’,...]…

前言 在上一篇博客vue学习笔记(八)组件校验&通信中,我们学会了vue中组件的校验和父组件向子组件传递信息以及子组件通知父组件(父子组件通信),上一篇博客也提到那是对组件内容的刚刚开始,而本章博客将会重点的讲解vue-cli中的组件通信,毕竟这在以后的开发内容中是非常普遍使用的.那么一起来看看本篇博客需要学习的知识点吧! 本章目标 学会使用vue-cli中父组件向子组件传递信息 学会使用vue-cli中子组件向父组件传递信息 学会使用vue-cli中非父子组件传递信息 vue-cli中的父组件…

五  Vue学习-vue-cli脚手架学习(创建只选一个选项:Babel) 1. 项目目录说明 node_modules : 包管理文件夹 public : 静态资源 src : 源代码 gitignore : Git忽略文件,里面配置的文件就不提交到服务器 babel.config.js : ES语法转换 package.json : 重要的项目和模块配置信息 package-lock.json : 锁定安装时包的版本号,记录模块与模块之间的依赖关系 README.md : 书写注释文档 2.…

(五) 脚手架Vue-CLI 一 Vue-CLI前提(nodejs和webpack) 二  Vue学习-nodejs按装配置,Node.js 就是运行在服务端的 JavaScript. 1. 去nodejs的官网下载  https://nodejs.org/en/download/ ,直接点 windows installer 2. 选择按装路径后(我的按装路径 D:\nodejs ),直接下一步,这样 npm 命令就可以用了, node -v 来测试是否成功安装  按装是此处不勾选 测式: n…

一  使用环境: windows 7 64位操作系统 二  IDE:VSCode/PyCharm 三  Vue.js官网: https://cn.vuejs.org/ 四  下载安装引用 方式1:直接CDN引入(学习时使用) <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 生产环境版本,优…

一  使用环境 开发系统: windows 后端IDE: PyCharm 前端IDE: VSCode 数据库: msyql,navicat 编程语言: python3.7  (Windows x86-64 executable installer) 虚拟环境: virtualenvwrapper 开发框架: Django 2.2 二  Vue学习笔记-vue-element-admin 前端学习 官网: https://panjiachen.gitee.io/vue-element-admin-…