vue
文章平均质量分 95
前端开发框架vue
夺笋123
生如逆旅单行道
展开
-
vue前端框架应用案例(三)实现简单的echarts柱状图表
由于本案例仅仅配置了一个路由:/sellerpage,项目运行后,localhost:8080/#/下并没有内容,localhost:8080/#/sellerpage路径下才显示图表,所以App.vue文件比较简单,只配置了标签。项目的入口文件,主要内容是要生成一个Vue实例对象挂载到DOM元素上、同时要引入路由文件,并配置在Vue实例对象中。//配置echarts图标的option配置项,并调用setOption()函数进行配置。//异步请求获得数据。原创 2023-02-03 11:23:25 · 881 阅读 · 0 评论 -
vue前端框架应用案例(二)实现简单的SPA应用
注意vue.config.js的配置,比如其中的pages配置项可以设置项目入口文件、lintOnSave配置项可以解决一些关于eslint的错误。由于SPA页面中导航栏的html代码有很多雷同之处,所以此处将大段的html代码卸载了App.vue当中。前端中,key就是路径、value就是组件。一个路由就是一组映射关系。原创 2023-02-01 18:51:13 · 684 阅读 · 0 评论 -
vue前端框架应用案例(一)实现简单的加法页面
本案例使用到了vue脚手架,请先完成对应部分知识的学习后再阅读该案例。原创 2023-02-01 15:49:32 · 694 阅读 · 0 评论 -
vue前框框架课程笔记(六)
vue中的name属性主要用来定义该组件被引入时候的名称,根据ES6的特性我们可以了解到,当我们使用export defalut对module进行暴露的时候,其他文件可以以匿名的方式对暴露的部分进行引入,如果我们想要规定暴露部分的名称,使用name属性进行显式定义即可。我们需要创建一个Vue实例使用我们创建的组件,这是我们就需要一个Js文件。├── babel.config.js: babel的配置文件。│ │── App.vue: 汇总所有组件。│ │── main.js: 入口文件。原创 2023-02-01 09:32:10 · 298 阅读 · 0 评论 -
vue前端框架课程笔记(五)
使用创建组件,其中options和new Vue(options)时传入的那个options几乎一样,但也有区别组件中el配置项不要写,为什么?——— 最终所有的组件都要经过一个vm的管理,由vm中的el决定服务哪个容器。组建中data配置项必须写成函数,为什么?———— 避免组件被复用时,数据存在引用关系。下面我们将先定义一个student组件,然后再定义一个school组件,在后者注册student组件。原创 2023-01-31 17:11:15 · 677 阅读 · 0 评论 -
vue前端框架课程笔记(四)
directives配置对象的回调函数(1) bind:指令与元素成功绑定时调用。(2) inserted:指令所在元素被插入页面时调用。(3) update:指令所在模板结构被重新解析时调用。//定义全局指令 Vue . directive(指令名 , 配置对象) 或Vue . directive(指令名 , 回调函数) //定义局部指令 new Vue({指令名 : 配置对象;}) 或 new Vue({指令名 : 回调函数;})原创 2023-01-30 19:09:55 · 484 阅读 · 0 评论 -
vue前端框架课程笔记(三)
(1)当v-model的初始值是非数组时,收集的是checked(勾选 or 未勾选,是布尔值)//关键点:indexOf()函数默认空字符串在每个字符串的头部,返回index=0。(2)当v-model的初始值是数组时,收集的是value组成的数组。收集的就是checked(勾选 or 未勾选,是布尔值)//简写方式:初始进入界面时不会执行,不会显示列表。//函数每次点击按钮触发,使num值加1。//计算num是否能整除2。//关键点:不要修改原数组。"条件渲染测试内容"虚拟DOM对比规则?原创 2023-01-30 17:28:20 · 371 阅读 · 0 评论 -
vue前端框架课程笔记(二)
当被监视的属性(监视的属性必须存在,才能进行监视!!)变化时, 回调函数自动调用, 进行相关操作handler什么时候调用?当isHot发生改变时。watch属性的两种写法?new Vue时传入watch配置通过vm.$watch监视//第一种 watch : {console . log('isHot被修改了' , newValue , oldValue , this) } } //第二种 vm . $watch('isHot' ,(newValue , oldValue) => {原创 2023-01-29 18:15:41 · 800 阅读 · 0 评论 -
vue前端框架课程笔记(一)
vue前端框架课程学习原创 2023-01-29 15:18:03 · 660 阅读 · 0 评论