Vue事件修饰符 Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节,如:event.preventDefault() 或 event.stopPropagation()。 Vue.js通过由点 (.)…
标签:vue.js教程
vue.js起步
vue.js项目安装教程 1、安装node.js,https://nodejs.org/en/去官网…。2、安装npm (由于安装速度问题,所以推荐使用淘宝镜像) npm install -g cnpm --…
js手写系列-- promise
Promise/A+规范 三种状态 pending || fullfiled(resolved) || rejected 当处于pending状态的时候,可以转移到fullfiled(resolved)或者rejecte…
swiper 在 vue 中的应用(以3.0为例)
一、使用方法 官网地址参考此文章(点击我)二、常见情况 图片需要动态获取时 待数据加载成功且渲染完毕后,进行节点初始化。例: axios.post(‘接口地址’, 参数).then(response => { th…
Vue-Slot的使用和理解
Slot Slot=>内容分发,占位元素 父级模板里的所有内容都是在父级作用域中编译的;子模板里的所有内容都是在子作用域中编译的。Slot分发的内容,作用域是在父组件上 1.Vue2.6版本前的旧特性用法 1.1不…
记Vue标签差异
最近在工作要负责维护公司内部的一个管理系统,前端采用vue来开发,对有些标签的差异不是特别理解,到网上看了以下大家是怎么理解的,以下是我的总结。 v-model v:bind v-model是双向绑定v:bind是单向绑…
Vue
環境搭建 Win10下安裝NVM,利用NVM來管理Node.js的版本,切換淘寶源,安裝Node.js與NPM。 创建项目 命令行操作: 先 $npm install -g @vue/cli 再 $ vue ui vue…
Vue的watch和computed属性
Vue的watch属性 Vue的watch属性可以用来监听data属性中数据的变化 <!DOCTYPE html> <html> <head> <meta charset="UT…
vue项目中实现锚点跳转
vue实现a标签的锚点跳转功能 <li @click="anchorJump"> <span class="anchorEle">jump</span> </li> anc…
vue2 v-model/v-text 中使用过滤器
Vue.js 允许自定义过滤器,一般可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示: <!--…
Vuex 的一般操作
npm i vuex 下载 App.vue <template> <div id=”app”> <p>click{{$store.state.count}} t…
Vue条件渲染
v-if 字符串模板中,我们可以像这样写一个条件块: {{#if ok}} <h1></h1> {{/if}} 在Vue中,我们使用v-if指令实现同样的功能: <h1 v-if="ok"&…