vue
mzf19980423
这个作者很懒,什么都没留下…
展开
-
vue中使用echars,渲染不上后端请求的数据
最近用vue和echars做了两个小页面,遇到一个问题是,在mounted发送请求,和初始化echars图,发现数据出不来,现在记录一下解决方法。 解决:在数据请求的时候,生命周期是不会等待你完成请求在继续走mounted,所有你在mounted初始化echarts的时候,请求可能没完成,所以说拿不到数据显示,你可以直接再mounted请求数据,在请求成功回调里面进行echarts初始化 this.$post('/adminOutAccess/',this.department,this.months).t原创 2021-06-12 13:39:07 · 524 阅读 · 0 评论 -
Vue生命周期
VUE生命周期详解转载 2021-06-02 17:19:20 · 139 阅读 · 0 评论 -
Vue-cli脚手架安装
原创 2021-04-12 09:42:10 · 48 阅读 · 0 评论 -
Vue组件
1、Vue组件 作用:用来建设Vue实例对象中代码量,日后在使用Vue开发过程中,可以根据不同业务功能将页面中划分成不同的多个组件,然后由多个组件去完成整个页面的布局,便于日后使用Vue进行开发时页面管理,方便开发人员维护。 2、组件使用 2.1、全局组件 注册到Vue中根实例上的组件成为全局组件,全局组件一旦定义可以在任意组件中进行使用。 Vue.component('user',{ template:"<div>用户登录局部组件</div>", }); 2.2、局部组件 第原创 2021-04-10 17:52:40 · 56 阅读 · 0 评论 -
Axios基本使用
1、Axios==>ajax异步请求技术 Axios是一个异步请求技术,核心作用就是用来在页面中发送异步请求,并获取对应数据在页面中渲染 类似于页面局部更新技术Ajax 2、Axios网站 中文网站:http://axios-js.com/ 3、发送异步请求 1、get请求 // 为给定 ID 的 user 创建请求 axios.get('/user?ID=12345') .then(function (response) { console.log(response); }) .原创 2021-04-07 15:50:48 · 79 阅读 · 0 评论 -
Vue之methods和computed
1、methods和computed methods: data中的methods中定义事件触发的方法,调用一次执行一次。 computed: 计算属性,有缓存,当多次调用同一个计算结果时,不需要重复执行。使用时直接使用属性名。 2、事件修饰符 事件修饰符:作用:用来和事件连用,用来决定事件触发条件和决定事件触发机制 常用的事件修饰符: stop: 阻止事件冒泡 v-on:click.stop=“child” prevent:阻止默认行为 self:只触发自身行为 once:一次事件,让事件只能执行一次 3原创 2021-04-07 15:28:41 · 126 阅读 · 0 评论 -
Vue之v-for、v-model
1、v-for v-for:作用就是用来对对象进行遍历的 <div id="app"> <h1>遍历对象</h1> <h2 v-for="(value,key,index) in user"> index:{{index}} key:{{key}} value:{{value}} </h2> <h1>遍历数组</h1> <h2 v-for="(school,index) in school">原创 2021-04-07 14:14:57 · 116 阅读 · 0 评论 -
Vue之v-if、v-show和v-bind
1、v-if和v-show使用 v-if和v-show:作用都是用来控制页面中标签是否展示和隐藏 使用:标签v-if=“true|false” v-show=“true|false” 区别: v-show:底层在控制页面标签是否展示时底层使用的是css中display属性来控制标签的展示和隐藏 v-if: 底层在控制页面标签是否展示时底层是直接操作DOM元素,通过对DOM元素删除和添加来控制标签的展示和隐藏 <div id="app-3"> <p v-if="seen">现在你原创 2021-04-07 12:47:19 · 228 阅读 · 0 评论 -
vue事件绑定
1、js时间三要素 1、事件源:发生时间源头成为事件源,一般指html标签 2、事件:事件特定动作 onclick单击 dblclick双击… 3、事件处理程序:事件处理函数 2、vue事件 1、在vue中给对应标签绑定事件可以通过vue提供v-on指令进行事件绑定==> v-on: 事件名 简化写法:@事件名 <div id="app-5"> <p>{{ message }}</p> <button v-on:click="aaa">点击&l原创 2021-04-07 11:17:10 · 166 阅读 · 0 评论 -
Vue入门
1、引入 <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> 或者 <!-- 生产环境版本,优化了尺寸和速度 --> <script src="https://cdn.jsdelivr.net/npm/vue"></script> 2、声明式渲染 Vue.js 的核心是一个允许采用简洁的模板原创 2021-04-07 10:40:06 · 55 阅读 · 0 评论 -
vue介绍
1、vue引言 vue是一款渐进式JavaScript框架 渐进式 1、易用 html css javascript 2、高效 开发前端页面非常高效 3、灵活 开发灵活,多样性 总结 Vue是一个JavaScript框架,是一个js框架,简化js操作 bootstrap 是一个css 框架 ,封装css 注意 日后再使用Vue过程中页面不再引入jQuery Vue作者 尤雨溪 国内的 ...原创 2021-04-07 10:00:45 · 60 阅读 · 0 评论