随笔分类 - vue
vue中过滤器不能接收data中数据解决办法
摘要：1.在data中定义一个属性that，把this存储到that中 data() { return { //过滤器拿到this对象 that: this, } } 2.在调用filters中的方法sum的时候将that传进去即可 <el-table-column label="原属产品" align=
阅读全文
讲述添加和修改前端实现
摘要：一、新增 1.路由显示 { path: 'save', name: '讲师添加', component: () => import('@/views/edu/teacher/add'), meta: { title: '讲师添加', icon: 'tree' } } 2、定义api src/api/
阅读全文
讲师分页条件查询修改删除
摘要：1.分页组件 <el-pagination @current-change="getList" :current-page="page" :page-size="limit" layout="total, prev, pager, next, jumper" :total="total"> </el
阅读全文
VUE路由页面显示
摘要：一、后台系统路由实现分析 1、入口文件中调用路由 src/main.js ...... import router from './router' //引入路由模块 ...... new Vue({ el: '#app', router, //挂载路由 store, render: h => h(A
阅读全文
vue-element-admin 使用
摘要：一、vue-element-admin 1、简介 而vue-element-admin是基于element-ui 的一套后台管理系统集成方案。 功能：https://panjiachen.github.io/vue-element-admin-site/zh/guide/#功能 GitHub地址：h
阅读全文
Webpack
摘要：一、什么是Webpack Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 从图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。 二、Webpack安装
阅读全文
模块化
摘要：一、模块化简介 1、模块化产生的背景 随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。 Javascript模块化编程，已经成为一个迫切的需求。理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。 但是，Javascript不是
阅读全文
ES6
摘要：一、简介 Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行执行。 这意味着，你可以现在就用 ES6 编写程序，而不用担心现有环境是否支持。 二、安装 安装命令行转码工具 Babel提供babel-cli工具，用于命令行转码。它的安装命令如下： npm instal
阅读全文
NPM
摘要：一、简介 1、什么是NPM NPM全称Node Package Manager，是Node.js包管理工具，是全球最大的模块生态系统，里面所有的模块都是开源免费的；也是Node.js的包管理工具，相当于前端的Maven 。 2、NPM工具的安装位置 我们通过npm 可以很方便地下载js库，管理前端工
阅读全文
Node.js
摘要：1、什么是Node.js 比如 运行java性需要安装jdk 模拟服务器如tomcat Node.js是JavaScript的运行环境 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，
阅读全文
element-ui
摘要：element-ui 是饿了么前端出品的基于 Vue.js的 后台组件库，方便程序员进行页面快速布局和构建 官网： http://element-cn.eleme.io/#/zh-CN
阅读全文
axios
摘要：axios是独立于vue的一个项目，基于promise用于浏览器和node.js的http客户端 在浏览器中可以帮助我们完成 ajax请求的发送 在node.js中可以向远程接口发送请求 1、获取数据 <script src="vue.min.js"></script> <script src="a
阅读全文
vue路由
摘要：Vue.js 路由允许我们通过不同的 URL 访问不同的内容。 通过 Vue.js 可以实现多视图的单页Web应用（single page web application，SPA）。 Vue.js 路由需要载入 vue-router 库 1、引入js <script src="vue.min.js"
阅读全文
vue实例的生命周期
摘要：创建 01-vue实例的生命周期.html data: { message: '床前明月光' }, methods: { show() { console.log('执行show方法') }, update() { this.message = '玻璃好上霜' } }, <button @click
阅读全文
Vue组件
摘要：一、组件（重点） 组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树： 1、局部组件 创建 01-1-局部组件.html 定义组件 va
阅读全文
基本语法
摘要：1、基本数据渲染和指令 创建 01-基本数据渲染和指令.html 你看到的 v-bind 特性被称为指令。指令带有前缀 v- 除了使用插值表达式{{}}进行数据渲染，也可以使用 v-bind指令，它的简写的形式就是一个冒号（:） data: { content: '我是标题', message: '
阅读全文
关于Vue
摘要：1、Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 2、初始
阅读全文
根据凭证播放阿里云视频测试
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
阿里云视频播放器测试
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
vue富文本编辑器不能正常显示解决办法
摘要：今天做vue数据回显时发现富文本编辑器生成的标签不能正常显示 解决办法 在需要显示的标签中加入v-html <p v-html="courseWebVo.description"> {{courseWebVo.description}} </p>
阅读全文
