前端相关
BJFU_vth
这个作者很懒,什么都没留下…
展开
-
【vue跳转页面时传递参数】
在vue中使用 this.$router.push({ path: '/home' }) 默认是替代本窗口如果想新开一个窗口,可以使用下面的方式:let routeData = this.$router.resolve({ path: '/home', query: { id: 1 } });window.open(routeData.href, '_blank');但是你可能会问,为...原创 2019-11-23 16:38:48 · 282 阅读 · 0 评论 -
【vue兄弟组件传值】
第一步,我们需要新建一个js文件,用来创建一个Vue实例并暴露出去创建一个事件中心,相当于中转站,可以用它来传递事件和接收事件。假如,我们想要Home组件传递自身的msg属性给News组件,并在News组件中展示出来。首先,需要在Home组件中导入我们刚创建的VueEvent。Home 组件 代码 如图所示创建一个按钮并设置事件在NewsEmit事件中,通过VueEvent.$...原创 2019-11-16 15:44:32 · 183 阅读 · 0 评论 -
【工作常用】VUE页内路由
我们经常会有种需求是,左侧边栏是不变的,在右边实现组件更新。咋做的呢??难不成写很多冗余的页面,都包含同样的侧边栏,然后跳转过去之后再考虑状态问题?这也太蠢了。而且跳转过去之后考虑状态问题太蛋疼了。那么我们要怎么办???可以用嵌套路由。首先贴大神博客。既然都说了是嵌套路由,那么我们大概有了想法了:① 为了演示,我们现在view文件夹下新建一个title1.vue和title2.vue用...原创 2019-11-14 20:11:45 · 503 阅读 · 1 评论 -
前端快速开发神器
画图表www.highcharts.com.cn快速开发elementuiVUE指南原创 2019-10-08 14:38:39 · 181 阅读 · 0 评论 -
【vue】 做一个todolist 0x00
代码:<template> <div id="app"> <input type="text" v-model="todo"> <button @click="add">+增加</button> <ul> <li v-for="(item,index) in l1">...原创 2019-08-14 15:53:59 · 149 阅读 · 0 评论 -
【vue】事件-定义方法-执行方法-获取数据-改变数据-执行方法传值-事件对象
触发事件的两种方式:第一种方式,用v-on:click绑定。<button v-on:click="run1()">第二种方式,用@click=" "绑定。<button @click="run1()"注意,用@的方式的话,如果不给函数传参数,小括号可以省略不写。click触发的事件实际上是一个函数。函数定义在export default 的 methods中。...原创 2019-08-14 11:14:17 · 370 阅读 · 0 评论 -
【vue0x02】组件 单向数据绑定数据渲染 数据遍历
MVVM框架M:modelV:viewMVVM可以认为,model改变会影响视图view, view视图改变反过来影响model.什么是model?咱们的业务逻辑就是model.双向数据绑定必须在表单里面使用。示例代码:<template> <div id="app"> <img src="./assets/logo.png"> ...原创 2019-08-05 17:06:51 · 204 阅读 · 0 评论 -
【vue0x03】绑定属性-绑定html-绑定class-绑定style
等下原创 2019-08-05 13:47:24 · 185 阅读 · 0 评论 -
【vue0x01】vue的目录结构以及多人协作
先看vue的目录结构:node_modules是项目用到的依赖,可以不管。src:项目开发中存放的主要的东西。babelrc:不用管。editorconfig: 编辑器的配置文件,不用管。.gitignore: 它自己都叫ignore了,更不用管。index.html: HTML入口文件,正常情况下不要改动。package.json: 版本文件,配置文件, 重要,没事儿不要动。w...原创 2019-08-04 14:26:40 · 208 阅读 · 0 评论 -
如何在IntelliJ IDEA写VUE?
很简单。在上面的箭头处搜索vue,然后安装即可。原创 2019-08-03 10:07:58 · 5179 阅读 · 5 评论 -
【VUE0x00】vue在Mac上的安装
安装Vue安装得我想跳楼。由于工作需要,需要快速开发前端页面。但是我作为一个之前连静态页面都没写过的渣渣,感觉任务很重。周末加班吧。。看了B站著名的课程-大地老师的教程,按照他的方法开始安装Vue。然后我的痛苦之旅就开始了…大地老师说,要用 npm install --global vue-cli 这条命令来安装。于是我装了一通。英文不好的劣势这就显示出来了。人家都提示这个包被弃用了。然后...原创 2019-08-02 21:05:56 · 190 阅读 · 0 评论