|
|
|
管理
随笔分类 - VUE
Vue19 常用指令及自定义指令
摘要：部分转自：https://blog.csdn.net/weixin_58032613/article/details/122759818 1 常用指令 1） v-bind 单向数据绑定 https://www.cnblogs.com/jthr/p/16390591.html 2 ） v-model
阅读全文
Vue18 过滤器
摘要：1 简介 过滤器（filter）是输送介质管道上不可缺少的一种装置,大白话，就是把一些不必要的东西过滤掉,过滤器实质不改变原始数据，只是对数据进行加工处理后返回过滤后的数据再进行调用处理，我们也可以理解其为一个纯函数。 Vue 允许你自定义过滤器，可被用于一些常见的文本格式化 ps: Vue3中已废
阅读全文
Vue17 手机表单数据
摘要：1）v-model.trim trim修饰符是去掉前后空格 2）type="number" v-model.number type="number"：只能输入数字 v-model.number：以数字格式接收数据，否则是字符串接收 3）单选type="radio" 多个选项input的name值相同
阅读全文
VUE16 检测数据变化的原理
摘要：部分转自：https://www.vue-js.com/topic/6129d7d661c8f900316ae37a 1 简介 Vue采用MVVM(数据驱动视图)的模式，去充当MVVM中的VM层，在数据层与视图层间做双向响应，使前端开发可以通过只改变数据，进而改变视图，其中用到的原理便是JS新提供原
阅读全文
Vue15 v-for和key的作用及原理
摘要：部分转自https://blog.csdn.net/cun_king/article/details/120714227 1 v-for指令 1.1 简介 用于遍历。 当在组件中使用 v-for 时，key 现在是必须的。它需要一个唯一id 1.2 遍历数组 <template> <p v-for=
阅读全文
Vue14 条件渲染
摘要：转：https://blog.csdn.net/weixin_57519185/article/details/121168426 1 简介 通过指令v-show和v-if可以实现条件渲染。 它们都能控制元素在页面是否显示 。当表达式都为 false 时，都不会占据页面位置，当表达式结果为 true
阅读全文
Vue13 样式动态绑定
摘要：1 class样式的动态绑定 1.1 说明 通过命令v-bind:class设置一个对象，动态切换class。可以简写为:class。 class=""可以和:class=""共存 它可以分为三种写法。字符串写法，数组写法，对象写法 1.2 简单示例 绑定之后，就可以操作vm的属性来动态改变样式了
阅读全文
Vue11 vue的data中属性的值(基础数据类型和对象)
摘要：1 代码 <body> <div id="root"> <h1>{{name}}</h1> <h1>{{obj}}</h1> </div> <script type="text/javascript" > let a = { name:'sisi' } const vm = new Vue({ el
阅读全文
Vue12 监视属性
摘要：1 简介 所谓监听就是对内置对象的状态或者属性变化进行监听并且做出反应的响应，监听属性，意思就是可以监视其他数据的变化 2 使用 使用watch配置项，在配置项里面写上要监视的属性，每次属性值的变化都会触发handler函数回调，也可以监视计算属性的变化 2.1 语法格式 其中，属性名表示监视的da
阅读全文
VUE10 计算属性
摘要：1 Vue计算属性简介 1）定义：我们需要一个属性，但是这个属性不存在，但是可以通过已有的属性计算得来，那么就可以定义一个计算属性。 2）原理：底层借助了Object.defineproperty方法提供的getter和setter 3）get什么时候调用 : 初次读取fullName时 所依赖的数
阅读全文
Vue09 事件
摘要：1 事件语法 Vue 中的事件绑定可以使用 v-on 指令进行处理，可以把 v-on 绑定事件简写为 @。 <div id="root"> <button @click="showinfo($event,123)">点我</button> <button v-on:click="showinfo($
阅读全文
Vue08 数据代理
摘要：1 说明 所谓“数据代理”，是指 通过一个对象代理对另一个对象的属性进行读或写操作。 2 简单示例 2.1 代码 let obj = {x:100}; let obj2 = {y:200}; Object.defineProperty(obj2,"x",{ get(){ return obj.x;
阅读全文
Vue 07 js方法Object.defineProperty
摘要：1 描述 该方法允许精确地添加或修改对象的属性。可以对已有的属性进行获取及修改，也可以添加新的属性并进行操作。 2 方法参数 Object.defineProperty(操作的对象,添加的属性的名称,属性描述对象) 3 属性描述对象说明 里面可以添加属性和函数 3.1 属性 3.1.1 说明 1）v
阅读全文
Vue06 数据绑定
摘要：1 Vue模板语法 Vue模板语法分为两大类，插值语法和指令语法 1.1 插值语法 1）功能：用于解析标签体内容 2）写法：{{xxx}} xxx是js表达式，且可以直接读取到vue实例里面的属性 3）示例 1.2 指令语法 1）功能：用于解析标签(包括：标签属性、标签体内容、时间绑定......)
阅读全文
Vue05 初识
摘要：1 下载vue.js 进入官网 下载两个版本的vue.js 开发版本和生成版本的区别 开发版本体量更大，包含完整的警告和调试模式 生成版本体量更小，删除了警告 2 打开VSCode 新建一个空文件夹vuebase，用vscode打开 在下面新建两个文件夹，一个用来放代码文件，一个放vue.js文件，
阅读全文
Vue 01 简介
摘要：1 官网 1)英文官网: https://vuejs.org/ 2)中文官网: https://cn.vuejs.org/ 2 介绍与描述 1) 动态构建用户界面的渐进式 JavaScript 框架 2)作者: 尤雨溪 3 Vue的特点 1)遵循 MVVM 模式 2)编码简洁, 体积小, 运行效率高
阅读全文
Vue 04 谷歌浏览器配置vue开发者工具
摘要：参考链接：https://blog.csdn.net/wswq2505655377/article/details/111476799 1 插件下载 由于国内打不开谷歌商店，直接从网盘下载 链接：https://pan.baidu.com/s/1ThCGsQ5Z08Xh8JMiVVnHoQ 提取码：
阅读全文
Vue02 Node下载安装
摘要：转 https://blog.csdn.net/A_awen/article/details/121952701 1 下载 https://nodejs.org/en/download/ 2 安装 全部下一步即可(安装路径自己选择) 3 验证安装 node -v 4 配置环境 4.1 配置安装模块路
阅读全文
Vue 03 VisualStudioCode 搭建一个Vue 框架 的详细流程
摘要：转：https://blog.csdn.net/A_awen/article/details/122345082 1 下载VisualStudioCode 1.1 官网下载地址 https://code.visualstudio.com/ 下载对应系统的即可 如果下载速度很慢 如： https://
阅读全文
|
