摘要:vxe-table gitee: https://gitee.com/xuliangzhan_admin/vxe-table?utm_source=alading&utm_campaign=repo https://xuliangzhan_admin.gitee.io/vxe-table/#/ 一个
阅读全文
摘要:1、使用vuex 2、使用【$store.state.变量】获取vuex的数据;使用mutations来操作state中的数据【this.$store.commit('方法名', 参数)】 3、使用getters包装数据并总结vuex的使用方式
阅读全文
摘要:demo结构 package.json、webpack.config.js、index.html与上一篇博客相同。 main.js router.js App.vue account.vue
阅读全文
摘要:demo结构 webpack.config.js package.json main.js index.html App.vue
阅读全文
摘要:1、ES6规定,导入模块使用 import 模块名称 from '模块标识符'; 或 import 'css资源路径'; ES6中,使用export default {name:'zs'}和export向外暴露成员。 在Node中,使用 var 名称 = require('模块标识符');来导入模块
阅读全文
摘要:1、demo 项目结构: index.html main.js register.vue package.json webpack.config.js 2、遇到的问题 2.1、webpack版本是3.6.0,与css-loader不兼容 2.2、下载安装vue-loader以后,报错缺少相关插件 i
阅读全文
摘要:1、webpack + vue 项目结构: index.html common.css main.js webpack.config.js 执行webpack命令,报错:[Vue warn]: Cannot find element: #app 原因:index.html中导入bundle.js在<
阅读全文
摘要:1、配置处理css样式表的第三方loader webpack默认只能打包处理js类型的文件,无法处理非js类型的文件;要想处理*.css文件,需要手动安装一下合适的第三方loader加载器: 修改webpack.config.js 然后,可以在main.js导入.css文件,main.js内容: c
阅读全文
摘要:1、webpack概念 webpack是前端的一个项目构建工具,它是基于node.js开发出来的一个前端工具;借助webpack这个前端自动化构建工具,可以完美实现资源的合并、打包、压缩、混淆等诸多功能。 webpack官网:https://webpack.js.org github地址:http:
阅读全文
摘要:更换仓库地址:npm config set registry https://registry.npm.taobao.org 查询当前仓库地址:npm config get registry 或 npm info express
阅读全文
摘要:1.案例:名字合并(监听data数据的改变) 使用keyup事件监听data数据的改变 使用watch监听data数据的改变 2.watch-监视路由地址的改变 3.computed-计算属性的使用和3个特点
阅读全文
摘要:目录: 1.组件传值-父组件向子组件传值和data与props的区别 2.组件传值-子组件通过事件调用向父组件传值 3.案例:发表评论。使用ref获取DOM元素和组件引用 4.路由-前端路由和后端路由的概念 5.路由-vue-router的基本使用 6.路由-路由redirect重定向的使用 7.路
阅读全文
摘要:目录: 1.品牌列表-从数据库获取列表 2.品牌列表-完成添加功能 3.品牌列表-完成删除功能 4.品牌列表-全局配置数据接口的根域名 5.品牌列表-全局配置emulateJSON选项 6.动画-使用过渡类名实现动画 7.动画-自定义v-前缀 8.动画-使用第三方animate.css类库实现动画
阅读全文
摘要:目录: 1、案例:品牌管理 2、Vue-devtools的两种安装方式 3、过滤器,自定义全局或私有过滤器 4、鼠标按键事件的修饰符 5、自定义全局指令:让文本框获取焦点 6、自定义指令,修改元素的样式 7、自定义指令函数的简写 8、生命周期函数-组件创建期间的4个钩子函数 9、生命周期函数-组件运
阅读全文
摘要:目录: 1、什么是vue.js 2、为什么要学习前端的流行框架 3、框架和库的区别 4、后端MVC和前端的MVVM的区别 5、vue.js的基本代码--hollo world代码 6、v-cloak、v-text、v-html指令的基本使用 7、v-bind指令 8、使用v-on指令定义Vue中的事
阅读全文