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