vue
@weight
有了目标,就朝着它去努力!
展开
-
Vue项目中引入Echarts
1.首先安装Echarts进入到项目路径执行命令: npm install echarts –-save //或者 cnpm install echarts –-save2.全局引用Echarts在项目中的main.js中添加import * as echarts from 'echarts'//注:这里不能用这种方式import echarts from 'echarts'//会报错,Error in mounted hook: "TypeError: Cannot read prop原创 2021-04-07 10:26:53 · 259 阅读 · 4 评论 -
Vue学习笔记(四)
一:组件 在大型应用开发的时候,页面可以划分成很多部分。往往不同的页面,会有相同的部分。但是如果每个页面都独自开发,这无疑增加了开发的成本。所以会把页面的不同部分拆分成独立的组件,然后在不同页面就可以共享这些组件,避免重复开发。1.创建组件 组件是根据一个普通的配置对象创建的,所以要开发一个组件,只需要写一个配置对象即可,该对象和vue实例的配置几乎是一样的。Var myComp={ data(){ Return{ } }, computed:{ }, Methods:{ }原创 2021-04-06 13:47:06 · 171 阅读 · 2 评论 -
Vue学习笔记(三)
一:Vue的指令 指令会影响元素的渲染行为,指令始终以v-开头。 1.循环指令 v-for循环遍历数组: <li v-for="(one,i) in orgList"> 机构名称:{{one.name}} </li> 2.条件渲染指令 v-if v-else-if v-else:控制元素的生成。 <span v-if="one.num>0"> 数据:{{one.num}}条</span> <span v-el原创 2021-04-01 15:40:42 · 233 阅读 · 3 评论 -
Vue学习笔记(一)
Vue学习笔记一:什么是Vue这里我就长话短说了,Vue是一种前端的开发框架,它主要解决前端开发中的核心痛点–复杂的DOM操作。二:Vue有哪些特点渐进式:就是用你想用或者能用的功能特性,你不想用的部分功能可以先不用。VUE不强求你一次性接受并使用它的全部功能特性。组件化:核心特点。解释:代码独立,不会和项目中的其他代码发生冲突。在实际工程中,我们经常会涉及到团队协作,传统按照业务线去编写代码的方式,就很容易相互冲突,所以运用组件化方式就可大大避免这种冲突的存在,每一个组件都有子集清晰的职责,完整原创 2021-03-13 22:07:35 · 116 阅读 · 0 评论 -
Vue学习笔记(二)
一:使用Vue的两种方式1.在页面中引入vue.js文件2.使用脚手架搭建Vue工程官方脚手架:vue-cli其他脚手架:webPack等手动搭建二:Vue的注入配置对象中的部分内容会被提取到Vue的实例中:data,methods等,该过程称之为注入。注入的目的:1.完成数据响应式Vue怎么知道数据被更改了?Vue2.0是通过Object.defineProperty()方法完成的数据响应式;(有缺陷,必须通过注入的属性,增加或者删除时才能具有响应式。)Vue3.0通过Class原创 2021-03-31 14:47:48 · 118 阅读 · 0 评论 -
关于VueRouter局部刷新的问题
关于VueRouter的局部刷新的问题最近自己在做一个Vue+ElementUI的后台管理系统Demo,首页如下图,点击左侧菜单的时候,右侧主区域无法局部刷新而是整个页面全局刷新了。原创 2021-03-26 17:02:04 · 585 阅读 · 0 评论