目录 一.介绍 1.Vue.js 是什么 2.初识Vue.js 二.基本语法 1.基本数据渲染和指令 2.双向数据绑定 3.事件 4.修饰符 5.条件渲染 6.列表渲染 7.实例生命周期 一.介绍 1.Vue.js 是什么 在为 AngularJS 工作之后,Vue 的作者尤雨溪开发出了这一框架.他声称自己的思路是提取 Angular 中为自己所喜欢的部分,构建出一款相当轻量的框架.Vue 最早发布于 2014 年 2 月.作者在 Hacker News.Echo JS 与 Reddit 的 j…

目录 一.锚点的概念 二.路由的作用 三.路由实例 1.复制js资源 2.创建 路由.html 3.引入js 4.编写html 5.编写js 一.锚点的概念 案例:百度百科 特点:单页Web应用,预先加载页面内容 形式:url#锚点 二.路由的作用 Vue.js 路由允许我们通过锚点定义不同的 URL, 达到访问不同的页面的目的,每个页面的内容通过延迟加载渲染出来. 通过 Vue.js 可以实现多视图的单页Web应用(single page web application,SPA) 三.路由实例…

目录 一.ESLint简介 二.启用ESLint 1.ESLint插件安装 2.插件的扩展设置 3.确认开启语法检查 三.ESLint规则说明 1.规则说明 2.语法规则 一.ESLint简介 ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确.风格统一的代码. 不管是多人合作还是个人项目,代码规范是很重要的.这样做不仅可以很大程度地避免基本语法错误,也保证了代码的可读性.这所谓工欲善其事,必先利其器,推荐 ESLint+vscode 来写 vue,有种飞一般的感觉. 每…

目录 一.简介 二.使用npm管理项目 1.项目初始化 2.修改npm镜像 3.npm install命令的使用 4.其它命令 一.简介 什么是NPM NPM全称Node Package Manager,是Node.js包管理工具,是全球最大的模块生态系统,里面所有的模块都是开源免费的:也是Node.js的包管理工具,相当于前端的Maven . #在命令提示符输入 npm -v 可查看当前npm版本 npm -v 二.使用npm管理项目 创建npm_pro文件夹 1.项目初始化 #建立一个空文件…

关于使用Vue+Element的项目简介~ 最近因为项目组缺前端人员,所以自己现学现做页面,先把前后台功能调通 觉得前端可真的是不容易呀哎呀~ 首先记录一下相关的Vue入门的教程: vue环境搭建示例:https://blog.csdn.net/mao834099514/article/details/79138484 vue基本语法了解:https://www.runoob.com/vue2/vue-tutorial.html   https://cn.vuejs.org/v2/guide/s…

记录一下在使用Vue和Element做项目时遇到过的难点... 1.在 <el-table>表格中嵌入 select下拉选择框,以及 tooltip提示框的使用 主要定义格式如红色标记代码 riderPlanListTableData : 是用来填充表格的数据 type='index' 是对每行都做个序号标记,方便取单行数据以及给单行数据赋值 特别说明一下这个 slot-scope="scope" :这个能定位到行数据,表格中有很多行时,需要通过scope.row去定位行数…

本文围绕着实现EasyDSS高性能流媒体服务器的前端框架来展开的,具体EasyDSS的相关信息可在:www.easydss.com 找到! 接上回 <高性能流媒体服务器EasyDSS前端重构(一)-从零开始搭建 webpack + vue + AdminLTE 多页面脚手架> 在上一篇博客中, 我们白手起家, 从零搭建了 webpack + vue + AdminLTE 多页面脚手架. 代码在这里: easydss-web-src , 我为第一篇博客建立了单独的分支 blog_1 , 并且我打…

1 .修改浏览器标签名称: 修改浏览器标签名称在文件:\src\settings.js   image.png 2 .修改固定头部Header和侧边栏 Logo:   image.png 1)侧边栏文件在:\src\layout\components\Sidebar\index.vue, Sidebar组件中   image.png 2)修改侧边栏Log和标题在文件:src\layout\components\Sidebar\Logo.vue   image.png 3) 控制showLogo字…

目录 一.什么是Webpack 二.Webpack安装 1.全局安装 2.安装后查看版本号 三.创建项目 1.初始化项目 2.创建src文件夹 3.src下创建common.js 4.src下创建utils.js 5.src下创建main.js 四.JS打包 1.创建配置文件 2.执行编译命令 3.创建入口页面 4.测试 五.CSS打包 1.安装插件 2.修改webpack.config.js 3.在src文件夹创建style.css 4.修改main.js 5.运行编译命令 6.测试 一.什么…

目录 一.vue-element-admin 1.简介 2.安装 二.vue-admin-template 1.简介 2.安装 一.vue-element-admin 1.简介 vue-element-admin是基于element-ui 的一套后台管理系统集成方案. GitHub地址:https://github.com/PanJiaChen/vue-element-admin 项目在线预览:https://panjiachen.gitee.io/vue-element-admin 2.安装…