
vue.js
旭陌小生
不求一鸣惊人,但求厚积薄发
展开
-
多条件查询展开收起
多条件查询展开收起原创 2024-02-26 16:30:28 · 612 阅读 · 1 评论 -
el-upload中断取消
el-upload中断取消原创 2023-03-21 15:35:02 · 1692 阅读 · 0 评论 -
vue项目的导出功能
vue项目的导出功能原创 2022-08-22 13:17:30 · 1140 阅读 · 1 评论 -
uniapp引入iconfont
uniapp引入iconfont原创 2022-07-27 22:47:37 · 853 阅读 · 0 评论 -
Object.defineProperty方法结合递归实现数据的可观测性
Object.defineProperty方法结合递归实现数据的可观测性原创 2022-06-16 16:18:48 · 226 阅读 · 0 评论 -
vuex状态管理
Vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。示例:首先我们用vue init webpack vuex-demo生成一个项目然后进入vuex-demo中使用命令:npm i -S vuex下载vuex的依赖包进入项目中的src文件夹下创建一个store.js的文件,为仓库文件然后在store.js文件中使用:import Vue from 'vu原创 2020-12-22 22:21:19 · 180 阅读 · 0 评论 -
使用vue-cli脚手架搭建项目
vue-cli学习### 一、准备工作 需要安装node,npm,webpack,vue-cli安装webpack之后检查版本的时候可能会叫我们安装webpack-cli,按照提示安装即可 npm i webpack -g npm i vue-cli -g 安装完之后检查一下对应的版本即可,注意vue -V是大写二、使用脚手架搭建项目 初始化一个项目名称为demo的vue项目 vue init webpack demo 安装完成之后会出现如下提示:安装完之后原创 2020-12-20 21:46:36 · 137 阅读 · 0 评论 -
路由命名
路由命名路由传参:query <script> let Foo1 = { template:`<div> <button @click="toFoo2">go foo2</button> <router-link :to="{path:'/foo2',query:{id:123}}">go foo2</router原创 2020-12-20 21:40:14 · 272 阅读 · 0 评论 -
Vue自定义指令
Vue自定义指令### Vue.directive();有两个参数,第一个参数就是自定义指令的名称“字符串类型”,第二个参数是个函数或者对象用法指令里面的函数bind:function(){}指令第一次被绑定到元素上面的时候调用,被调用多少次就执行多少次<div id="app"> <p v-haha>{{msg}}</p> </div> <script> Vue.direct原创 2020-12-20 21:39:19 · 190 阅读 · 0 评论 -
Vue注册组件
Vue注册组件注册组件,关键字:component()有两个参数第一个参数:新组件的名称(字符串类型)组件名定义时可以使用驼峰命名,但是使用时必须是用“-”来连接第二个参数:回调函数(写Vue的代码)自定义组件是可以复用多个的,但是都是双标签,不建议使用单标签的形式 <div id="app"> <itme-li></itme-li> <itme-li></itme-li> <原创 2020-12-20 21:38:12 · 466 阅读 · 0 评论 -
Vue的实例方法
Vue的实例方法extend:用法:如果 Vue 实例在实例化时没有收到 el 选项,则它处于“未挂载”状态,没有关联的 DOM 元素。可以使用 vm.$mount() 手动地挂载一个未挂载的实例。示例:<div id="app"></div> <div id="app1"></div> <div id="app2"></div> <script> //定一个人的类原创 2020-12-20 21:36:36 · 796 阅读 · 0 评论 -
vue-router
vue-router### 简介由于Vue在开发时对路由支持的不足,于是官方补充了vue-router插件。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,实际上就是组件的切换。路由就是SPA(单页应用)的路径管理器。再通俗的说,vue-router就是我们WebApp的链接路径管理系统。有的小伙伴会有疑虑,为什么我们不能像原来一样直接用a标签编写链接呢?原创 2020-12-20 21:32:37 · 121 阅读 · 0 评论 -
Vue的生命周期
Vue的生命周期### vue的生命周期是什么?vue的生命周期是指vue的实例对象的创建之初到销毁的过程。vue所有的功能实现都是围绕着生命周期进行的,在生命周期的不同阶段调用对应的钩子函数实现组件数据管理和dom渲染两大重要功能。vue的生命周期有11个过程,不过其中用的比较多的是8个左右beforCreate:vue对象创建之前。对应的钩子函数为beforeCreate。此阶段为实例初始化之后,此时的数据观察和事件机制都未形成,不能获得DOM节点。vue的el和data数据都是und原创 2020-12-20 21:31:11 · 185 阅读 · 0 评论 -
Vue的入门
Vue的入门Vue引入Vue.js有两种方式直接引入链接<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>下载vue的源码:https://cdn.jsdelivr.net/npm/vue/dist/vue.js,然后在引入就行了创建Vue实例 <div id="app">{{msg}}</div> <script>原创 2020-12-20 21:28:51 · 191 阅读 · 1 评论 -
vue能做什么以及特点
做前端已经好几年了,也了解过好多前端的框架。今天我们来简单聊聊vue这个既简单又好用的框架:能做什么:几乎没有DOM操作,和比较适合SPA开发(单页面web)。特点:1.双向数据绑定,2.通过指令扩展HTML,通过表达式绑定数据到HTML,3.解耦视图与数据,4.可复用组件,5.虚拟DOM,6.M-v-vm,7.数据驱动视图等。在这里我给大家推荐学习vue的三个网站:,1.vue开源项目汇总,2....原创 2020-04-08 11:00:56 · 3976 阅读 · 0 评论