Vue二次精度随笔(2)】的更多相关文章

1.button.input标签的disabled属性 该标签可以控制按钮是否可用,如果他的值为以上几种的话,则他都不会在标签上渲染出这个属性,一旦这个属性出现的话,就说明他是禁用的 2.移除动态绑定,如果你在某种情况下不想要给标签动态绑定事件的话,那你就只需要给evenName赋值为null即可 3.计算属性(computed)和方法(methods)的区别 4.对象语法 5.vue元素的可复用渲染,如果不给每一个元素绑定独特的key值,则他会复用之前的元素以减少性能 6.v-show.v-i…
1.vue中数组更新是否会引起视图刷新的研究 (1)vue中修改数组可以引起视图刷新的方法 (2)不会引起数组刷新的方法,需要手动进行赋值 (3)有些数组的变化是不能够引起视图的刷新的,一个是修改数组长度,一个是通过索引设置数组的值,都不会引起视图刷新 解决方法: 2.vue中对象的改变和视图的刷新的关系 解决方法: 3.组件的is属性,可以通过is属性来将一个元素转化为外围的元素,但是他实际上还是原来的组件 4.点击事件的修饰符 5.v-model在不同的标签里面代表的值不同,而且输入中文的时…
模板内的表达式常用于简单的运算,当过长或逻辑复杂时,难以维护,计算属性就是解决该问题的 什么是计算属性 表达式如果过长,或逻辑更为复杂,就会变得臃肿甚至难以维护,比如: <div> {{ text.split('.').reverse().join('.') }} </div> 该表达式包含 3 个操作,并不是很清晰,可以用计算属性进行改写: <div id="app"> {{ reverseText }} </div> <scri…
效果图: 二维码用了 qrcode.vue npm install qrcode.vue --save 复制内容用了 vue-clipboard2 npm install vue-clipboard2 --save 二维码相关: <div class="qrcode"> <qrcode-vue :size="qrcodeSize" :value="shareUrl" id="picture" ><…
js计算精度问题(浮点数误差,大数计算出错) JavaScript 运算时经常遇到会 0.000000001 和 0.999999999 这样奇怪的结果. 网上教程一大篇,原理请百度,抄作业往下看!!! 对此问题借用Big.js进行处理,亲测Big.js可以兼容XP系统,某些插件在xp上运行会报错,已踩坑!!! 目前已经封装好插件,直接下载使用即可 也可以自行下载Big.js 抄作业: npm install geom-math --save 在需要使用的文件引用 import math fro…
PS:先说说学习Vue的缘由吧,学习完了React之后,突然发现又出了一款叫做vue的框架,而且据说可以引领又一波新框架的潮流,我容易吗我!!!   Vue.js(读音 /vjuː/, 类似于view)是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用. Vue.js 的目标是通过尽可能…
接上篇,在本篇中,我们将要实现如下,功能,编辑和查询,我们当前的todolist程序,和线上其它的demo程序不同,我们会对其进行增删改查的基本操作,之后进行进一步的完善,按照常规的系统使用经验,一般我们新增和编辑都是在模态框中处理,这里我们不会去构建复杂的模态框,只用一个简单的div层来代替,后期接下来的文章中我们会重复造轮子,构建我们自己的轻量级框架(UI库). 首先,我们对我们的页面结构进行一下简单的调整,加入bootstrap只是为了让页面不那么赤裸裸,对其它不会有任何影响 <!DOCT…
--------------------------------------------不是井里没有水,而是你挖的不够深. 3. Vue对象提供的属性功能 3.1 过滤器 过滤器,就是vue允许开发者自定义的文本格式化函数,可以使用在两个地方:输出内容和操作数据中. 定义过滤器的方式有两种. 3.1.1 使用Vue.filter()进行全局定义 Vue.filter("RMB1", function(v){ //就是来格式化(处理)v这个数据的 if(v==0){   return v…
1:安装nodeJs(下载一路回车) https://nodejs.org/zh-cn/ 2:检验nodeJs是否安装成功 (注意nodeJs是否添加到window路径中) 进入cmd -> node -v 3:安装淘宝cnpm,因为npm速度太慢(默认安装在AppData/Roaming/npm文件夹下) 进入cmd -> npm install -g cnpm --registry=https://registry.npm.taobao.org 4:安装vue-cli 进入cmd ->…
入element-ui cnpm install element-ui -S 执行后,会下载element-ui的包到本地,同时会将配置加入到package.json的依赖块中. 通过命令行可以将最新版本加入进来,但如果想引入指定版本,则直接配置,并运行cnpm install就可以了. 如果启用了Eslint,可能会校验文件的格式,导致启动失败,可以在config/index.js文件中关闭ESlint配置 启动后进行访问: 访问路径中多了#,这里与vue采用的路径模式有关.可以参考一下两篇文…