vue
Vue 模板
界面：html:@usingAbp.Web.Mvc.Extensions@{ViewBag.CurrentPage="BasicDatas";}@sectionscripts{@Html.IncludeScript("~/Views/Admin/BasicDatas.js")}<divid="main_conte...
关于隐式创建vue实例实现简化弹出框组件显示步骤
我们在使用vue写alert组件的时候，经常是定义了一个alert.vue，然后引入alert.vue，然后配置参数等等，非常繁琐，那有没有一种方式可以像window.alert("内容")那样简单调用呢？答案是有的，vue.extent会返回一个预设了部分选项的Vue实例构造器，既然是vue实例构造器那我们理论上是可...
关于vue中this.attr代替this.data.attr访问的原理
请看如下例子： varobj={name:"zhuwei",age:18}functionPerson(data){this.data=data;}varperson=newPerson(obj);console.log(person.data.age)//18console.log(person.age)//und...
vue render里面的nativeOn
vuerender里面的nativeOn的解释官方的解释是://仅对于组件，用于监听原生事件，而不是组件内部使用`vm.$emit`触发的事件。官方的解释比较抽象个人理解:父组件要在子组件上使用click事件，就像使用正常的html标签那样使用click，我们知道在vue中，我们这样写是没问题的，<h...
【前端大神面考面试官系列】入门Vue全家桶
（给达达前端加星标，提升前端技能）面试官问：Vue如何安装的呢？达达回答：Vue的安装可以从两个方面进行安装，第一种是CDN引入，第二种是NPM安装。CDN引入<scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>N...
vuex构建笔记本应用学习
vuex：针对vue应用派生的专门管理应用state的工具，state可以理解为我们组件需要操作的data数据，都知道，vue构建spa应用的时候，随着组件规模的提升，各个子组件之间的通信如果采用子组件->dispatch->父组件->broadcast->子组件的方式将会异常坑爹，因为你要时刻...
vue-cli脚手架——3.0版本项目案例
node与git部分见vue-cli2.0搭建案例vue-cli3.0是一个基于Vue.js进行快速开发的完整系统。有三个组件：CLI：@vue/cli 全局安装的npm包，提供了终端里的vue命令（如：vuecreate、vueserve、vueui等命令）CLI服务：@vue/cli-service是一个...
vue定时器设置——页面未激活、路由切换进行销毁
<template><div>定时器demo</div></template><script>consthiddenProperty='hidden'indocument?'hidden':'webkitHidden'indocument?'webkitHid...
echart——vue封装成公共组件
<!--自定义Echarts*options:Object,//数据*theme:String,//主题*initOptions:Object,//初始化*group:String,//分组*autoResize:Boolean,//自适应*modules:Array，//模型--><template...
vue——store全局存储
业务场景：刷新页面时，首次拉取所有配置，存储到store状态管理用于全局调用； importVuefrom'vue'importVuexfrom'vuex'importuserInfofrom'./modules/user'Vue.use(Vuex)exportdefaultnewVuex.Store({mo...
vue权威指南笔记01——样式的设置
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>vue自定义样式</title><scriptsrc="https://cdn.jsdelivr.net/npm/vue@2.5.16...
vue权威指南笔记02——对比v-if与v-show
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>对比v-if与v-show的使用</title><scriptsrc="https://cdn.jsdelivr.net/npm/vu...
使用vue脚手架（vue-cli）快速搭建项目
一、从最简单的环境搭建开始：安装node.js，从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入node-v，如下图，如果出现相应的版本号，则说明安装成功。 这里需...
vscode中的vue文件不高亮，但是已经安装了vetur插件了，到底为什么？？？
我感觉这是我自己的一个低级错误，可是想了想还是准备把它写下来，因为怕跟我一样的菜鸟小白也遇到类似的情况，什么都对就是结果不对，妥妥的会被逼疯。。。美好的一天从打开VScode开始~一打开，觉得哪里不对，愣了一秒，哎哟我去~vue文件怎么不高亮了（见下图这样），翻了翻其他的js、css等文件，发现是正常的，于是乎，我就开...
Vue推荐VSCode开发必备的插件
首先这几个是VSCode推荐Vue开发必备的插件Vetur——语法高亮、智能感知、Emmet等包含格式化功能，Alt+Shift+F（格式化全文），Ctrl+KCtrl+F（格式化选中代码，两个Ctrl需要同时按着）EsLint——语法纠错viewinbrowser&md...
