多回头看一看

需求：点击左边列表栏显示相应的页面，实现数据的增删改查1、导入样式这里使用的是现成的素材安装 bootstrap 固定版本npm i bootstrap@3.3.7安装完成之后 ,在入口处引入 js 文件import "./../node_modules/bootstrap/dist/css/bootstrap.css"; // 引入import "./assets/index.css"; // 引入index.css2、设计组件页面可以分为三个组件来完成设计头部组件<te

需求1：左边部分为聊天室，右边部分为用户列表1、创建项目APP.vue为父组件，即顶层组件，也即我们要显示的页面初始数据<template> <div id="app"> </div></template><script> export default { name: "App", components: { } }</script>&l

参考官方文档https://www.webpackjs.com/concepts/plugins/参考个人博客https://blog.youkuaiyun.com/XJ0927/article/details/110691538总结：webpack 将配置都写在webpack.config.js，进行模块化，打包成浏览器能识别的格式，vue 就是对webpack.config.js进行了高度封装，让我们专注于业务...

vue-cli是什么虽然前面讲了一堆知识，但是在面对生产开发时，需要一套好的开发工具，这样开发的复杂性便可以大大简化vue-cli 是基于 node 环境的 进行快速开发的完整系统我们使用 vue-cli 编写代码，文件是 .vue 形式的，而浏览器又不能识别该格式，故需要转化为 html 的形式，即 build 打包安装参照官网文档https://cli.vuejs.org/zh/guide/installation.html因此，使用此工具前必须确保你有安装 nodenode -v

Vue 安装方式直接下载源码然后通过路径引入开发版本：https://vuejs.org/js/vue.js生产版本：https://vuejs.org/js/vue.min.js在线 cdn 引入的方式<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>采用 npm 安装的方式// 现状: 都会采用npm的方式来进行正式项目开发npm install

是什么前端 必备 技能传统方式已经不能适应目前越来越 复杂 的开发需求用 vue 的开发方式会简单、高效三大框架(vue、react、angular)能做什么不用操作 DOM单页面应用 web 项目(SinglePageApplication 项目，例如https://worktile.com/）简称:SPA传统网站开发 一般来说 需求不大当下各种新框架都采用了类似Vue或者类似 React 的语法去作为主语法, 微信小程序/MpVue…特点数据驱动视图 可