!!!简单粗暴,直接上代码 template部分 <div class="scoreBox"> <div class="starBox"> <span v-for="(item,index)…
标签:vue.js教程
Vue原理
vue双向绑定的核心是通过Object.defineProperty()在实现数据劫持。因为Object.defineProperty()是ES5中一个无法shim的特性,这也就是为什么vue支持IE8以上的浏览器。首先…
在vue中使用FontAwesomeIcon
最近在写nw与vue结合的桌面应用,vue使用了elementUI,可惜elementUI的icon太太太丑太少(一直很好奇为什么elementUI的star比iview多),于是使用了牛逼的FontAwesomeIco…
小技巧|使用Vue.js的Mixins复用你的代码
Vue中的混入 mixins 是一种提供分发 Vue 组件中可复用功能的非常灵活的方式。听说在3.0版本中可能会用Hooks的形式实现,但这并不妨碍它的强大。 这里主要来讨论 mixins 如何优化我们的数据列表代码。 …
vue中的自定义属性并获得属性的值
vue中的自定义属性并获得属性的值例如:1、data-radius语法: data-属性 vue: <div @mouseover='changeRadius($event)' @mouseout='changeR…
vue_music:build打包启动和webpack接口调用方式
1.webpack中接口调用方式 第一种webpack.dev.config.js 2. 第二种 2. build打包启动 1. 执行npm run build打包 使用了vue-router路由懒加载,所以app.js…
vue.js之过渡动画
vue提供了一个封装动画的组件 <transition name=”tr”></transition>,将需要执行动画的元素包裹在该组件中,在通过css修改样式即可满足需求…
vue.js起步
vue.js项目安装教程 1、安装node.js,https://nodejs.org/en/去官网…。2、安装npm (由于安装速度问题,所以推荐使用淘宝镜像) npm install -g cnpm --…
vue-music:添加歌曲到队列add-song.vue
1. switches.vue组件: 上传中…] 组件原则:解耦在这个组件中,将点击组件的索引传播即可 methods: { switchItem(index) { this.$emit('switch', …
理解Vue中的scoped实现原理及穿透方法
理解Vue中的scoped实现原理及穿透方法 何为scoped 在vue文件中的style标签上,有一个特殊的属性:scoped。当一个style标签拥有scoped属性时,它的CSS样式就只能作用于当前的组件,也就是说…
Vue面试题合集
一. 请谈谈Vue中的MVVM模式 MVVM全称是Model-View-ViewModelVue是以数据为驱动的,Vue自身将DOM和数据进行绑定,一旦创建绑定,DOM和数据将保持同步,每当数据发生变化,DOM会跟着变化…
Vue(非)父子组件的传值以及方法调用
1.vue父组件给子组件传值的方法<heador :userName=”username”></heador>子组件中通过props接收传值props:{ username…