目录计算属性键盘事件监视属性绑定样式class样式style样式条件渲染v-ifv-show列表渲染v-for指令vue监测data中的数据收集表单数据计算属性定义:要用的属性不存在,要通过已有属性计算得来原理:底层借助了Objcet.defineProperty方法提供的getter和setterget函数什么时候执行?(1).初次读取时会执行一次(2). ......
129
0
0
2023-07-02
目录Vue简介模板语法数据绑定el与data的两种写法Vue中的MVVM数据代理事件处理Vue简介让Vue工作,就须创建一个Vue实例,且要传入一个配置对象demo容器里的代码符合html规范,只不过混入了一些特殊的Vue语法demo容器里的代码被称为【Vue模板】Vue实例和容器是一一对应的真实开发中只有一个Vue实例,并且会配合着组件一起使用{{xxx} ......
121
0
0
2023-07-02
目录一、Vue程序初体验1.1 下载并安装vue.js1.2 第一个Vue程序 1.3 Vue的data配置项1.4 Vue的template配置项 一、Vue程序初体验可以先不去了解Vue框架的发展历史、Vue框架有什么特点、Vue是谁开发的,对我们编写Vue程序起不到太大的作用,更何况现在说了一些特点之后,我们也没 ......
149
0
0
2023-05-19
vue2路由一、介绍本文是以前学习 vue2时整理的,对于目前的 vue3有些过时。专注后端,前端只作为使用学习。二、路由作用:用于维护URL跳转和页面之间的关系使用步骤:引入vue-router.js文件(必须先引入vue.js)配置路由规则,url和对应的页面的配置const routes = [{ path: "/", compontent: "组件" ......
194
0
0
2023-04-12
目录一、需求描述二、实现思路2.1 正则表达式过滤 img、video等标签2.2 截取固定长度的字符数2.3 考虑小写英文字符和数字宽度问题2.4 注册为全局指令2.5 文本尾部添加【查看全文】或【收起】三、效果一、需求描述文本溢出省略,说实话这些年也实践过很多了,这次是针对富文本字符串,思量想去,也曾试图了解一些知名站点的实现方案,但结果不甚理想。今天记 ......
215
0
0
2023-02-05
目录1.前言2.使用2.1安装2.2基本用例2.2.1 get请求2.2.2post请求3.配置3.1语法3.2别名4.Axios实例4.1语法4.2请求配置4.3响应的配置配置的优先级5.拦截器6.错误拦截7.取消请求8.完整封装 建立http.ts文件编写clas Http类9.总结1.前言最近在写vue3的项目,需要重新搭建脚手架并且使用网络请求接口, ......
428
0
0
2023-02-05
Vue基础Vue.js是一套构建用户界面的渐进式框架。Vue只关注视图层,采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。基本使用导入开发版本/生产版本的Vue.js创建Vue实例对象,设置其el属性和data属性使用模板语法将数据渲染到页面上<!DOCTYPE html> <html ......
249
0
0
2022-12-12
第一步、安装node.js环境下载地址: http://nodejs.cn/这里可以看到它有两个版本我们选择使用LTS版本,也就是长期支持版本比较稳定第二步、更改npm包管理时的global以及缓存的位置安装好之后,对npm安装的全局模块所在路径以及缓存所在路径,进行配置。是因为以后执行类似:npm install express [-g](后面的可选参数- ......
240
0
0
2022-11-10
看完你就基本可以上手搞开发了,本文适合Vue初学者,或者Vue2迁移者,当然还是建议Vue3官网完全过一遍。不适合精通原理,源码的大佬们。先推荐两个vscode插件Volar首先推荐Volar,使用vscode开发Vue项目的小伙伴肯定都认识Vetur这个神级插件,有了它可以让我们得开发如鱼得水。那么Volar可以理解为Vue3版本的Vetur,代码高亮,语 ......
246
0
0
2022-11-08
Vue props in emit out筆記props基本使用vue可以利用 props 將外部傳入資料到內部,props為單向數據流可以透過範例了解,建立一個子組件,將預傳入資料放在props陣列中,利用v-bind:photo-url傳入或是:photo-url,因在html中沒有區分大小寫駝峰命名需用 - 做連接。<!-- 靜態引入--> ......
245
0
0
2022-10-03
1.html<table class="table table-hover"> <thead> <tr> <th style="width: 50px;" id="cts"> <div class="checkbox d-inline"&g ......
186
0
0
2022-09-18
“框架是什么?为什么要有框架?在众多的框架之中,Vue独具魅力之处在哪里呢?其背后的核心思想是什么?Vue究竟火到什么程度?最近发布的Vue2.0又做了哪些改进呢?Vue和Weex又是怎样的一种合作?本文根据尤雨溪在2016 QCon 全球软件开发大会(上海)上的讲演整理而成。Tips:今天文章头图来自于两位迷妹的坚持,有颜有才,这样的程序员请再来一打!作者 ......
334
0
0
2022-08-14
业务需求我们需要在单页面应用中,在页面切换的过程中也保持某些输入框的状态。例如在页面A使用手机号搜索出了一个列表,从B页面切换回A页面时,还要保持手机号的输入和搜索结果。页面生命周期对于传统页面,一个页面的生命周期就是从加载网页到关闭或刷新网页,用户的操作全部都是在这个生命周期里,开发的时候考虑单个生命周期的状态及数据流动即可。页面切换会导致url变化,从而 ......
304
0
0
2022-07-13
目前,在学习使用Vue2.0开发新的项目。然而目前用Vue实现的UI框架里面,尚未出现具有像bootstrap一样统治力的框架。一番纠结后,老夫...那么问题来了,在Vue中如何引入jQuery和swiper呢?经历半天搜索、比对、尝试之后,得出了下面的结论,单用 webpack 时设置同理。引入jQuery这个问度娘就有很多方案,我这里选取的是将jQuer ......
309
0
0
2022-06-02
1.安装vuexcnpm install vuex --save 2.在使用vuex开发的时候使用的比较繁琐,我们单独起一个文件夹src/stroe/index.jsimport Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store ......
310
0
0
2022-05-14