Vue.js
KAHOZ
这个作者很懒,什么都没留下…
展开
-
npm 搭建 vue 全过程
如何在Window下安装node\cnpm,并安装vue.js,创建项目1、安装node.jsnode.js的官方地址为:https://nodejs.org/en/download/。根据windows版本后,选择要下载的安装包,下载完毕,按照windows一般应用程序,一路next就可以安装成功,建议不要安装在系统盘2、设置global和cache路径设置路径能够把通过npm安装的模块集中在一起,便于管理。(1)在nodejs的安装目录下,新建node_global和node_cache两转载 2021-03-24 13:45:10 · 1645 阅读 · 0 评论 -
Vue 生命周期(11个钩子)
生命周期钩子的11个阶段:1、创建:beforeCreate – 数据初始化前created – 数据初始化之后beforeMount – 数据准备渲染Mounted – 数据渲染完成2、运行:beforeUpdata – 数据更新前updated – 数据更新3、销毁:beforeDestroy – 结束之前执行destroyed – 执行结束4、缓存:activated – 组件激活时执行deactivated – 组件停用时执行5、错误处理:error原创 2021-03-30 21:50:57 · 138 阅读 · 0 评论 -
Vue 实例属性/方法
属性说明vm.$elVue实例使用的根DOM元素vm.$dataVue的data配置项vm.$options用于当前Vue实例的初始化选项vm.$props当前组件接收到的props对象vm.$parent父实例(如果当前实例有的话)vm.$root当前组件树的根Vue实例vm.$children当前实例的直接子组件vm.$refs原生DOM元素或子组件注册引用信息vm.$slots用来访问被插槽分发的内容vm.$r...原创 2021-04-02 16:23:10 · 100 阅读 · 0 评论 -
Vue 事件修饰符
.stop - 阻止冒泡.prevent - 阻止默认事件.capture - 阻止捕获.self - 只监听触发该元素的事件.once - 只触发一次.left - 左键事件.right - 右键事件.middle - 中间滚轮事件<!-- 阻止单击事件冒泡 --><a v-on:click.stop="doThis"></a><!-- 提交事件不再重载页面 --><form v-on:submit.prevent="onSu.原创 2021-04-02 17:48:41 · 114 阅读 · 0 评论 -
Vue 常用的配置项
配置项说明elstring把Vue 实例挂载到DOM元素上,通过id绑定html元素dataobject数据对象,Vue实例的数据(注意:数据不要与methods 中的方法重名)methodsobject事件对象,包含事件所要触发的函数(注意:方法名不要与data中的数据重名)computedobject计算属性watchobject监听器directivesobject自定义指令钩子(hook)函数(8个)function...原创 2021-04-02 16:00:06 · 793 阅读 · 0 评论 -
Vue 按键修饰符
Vue 允许为 v-on 在监听键盘事件时添加按键修饰符:<!-- 只有在 keyCode 是 13 时调用 vm.submit() --><input v-on:keyup.13="submit">记住所有的 keyCode 比较困难,所以 Vue 为最常用的按键提供了别名:<!-- 同上 --><input v-on:keyup.enter="submit"><!-- 缩写语法 --><input @keyup.enter原创 2021-04-02 17:57:56 · 86 阅读 · 0 评论