多回头看一看

需求：点击左边列表栏显示相应的页面，实现数据的增删改查 1、导入样式 这里使用的是现成的素材 安装 bootstrap 固定版本 npm i bootstrap@3.3.7 安装完成之后 ,在入口处引入 js 文件 import "./../node_modules/bootstrap/dist/css/bootstrap.css"; // 引入 import "./assets/index.css"; // 引入index.css 2、设计组件 页面可以分为三个组件来完成 设计头部组件 <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 因此，使用此工具前必须确保你有安装 node node -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… 特点 数据驱动视图 可