随笔分类 - Vue
类angularjs 的轻量js库
摘要:<template> <div> <p>{{ text }}</p> </div> </template> <script setup> import { ref, onMounted } from "vue"; const text = ref(""); // 要显示的文字 const speed
阅读全文
摘要:区别 CRLF:回车换行符,即"\r\n"。在Windows系统中,文本文件的每一行都以CRLF结尾。 LF:换行符,即"\n"。在Unix和Linux等系统中,文本文件的每一行都以LF结尾。 因此,CRLF和LF的主要区别在于它们在文本文件中的使用方式。 在Windows系统中,文本编辑器和其他应
阅读全文
摘要:Nuxt 使用 yarn build打包后怎么部署到服务器 首先 yarn build 之后.nuxt文件中会出现一个dist文件 可以将.nuxt文件(默认隐藏文件)拷贝到服务器上 然后安装nuxt,在package.json里设置nuxt start脚本,运行nuxt start就可以了 之后客
阅读全文
摘要:工程结构 ├─ .circleci # 包含CircleCI持续集成/持续部署工具的配置文件 ├─ benchmarks # 基准和性能测试文件,vue的跑分demo,例如大数据量的table或者渲染大量的SVG ├─ dist # 构建后输出的不同版本vue文件(UMD、common.js、生产和
阅读全文
摘要:vue引入 封装 import * as echarts from 'echarts' // 绘制图表 export default function initEcharts(dom, config) { let myChart = echarts.init(document.querySelect
阅读全文
摘要:官网警告 (实际是单项数据流warn) 所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外变更父级组件的状态,从而导致你的应用的数据流向难以理解。 额外的,每次父级组件发生变更时,子组件中所有的
阅读全文
摘要:ant-design-vue版本要大于1.5.0 "ant-design-vue":"^1.5.3" vue-cli2.0的less版本设置 "less": "^2.7.3", "less-loader": "^4.1.0", vue-cli3.0的less版本设置 "less": "^3.11.1
阅读全文
摘要:首先要明确它就是个语法糖 (v-model 相当于 onChange 的语法糖) <input type="text" :value= 'name' @input='name = $event.target.value'> <p>{{name}}</p> 上面这个功能和v-model是一致的 你自己
阅读全文
摘要:先新建一个renderDom.js的文件 下面是这个文件的内容 export default { render: function (createElement) { return createElement('h3', '我是H3标签') } } 之后作为组件引入到vue单文件中 <templat
阅读全文
摘要:需要给下面这个类添加高度 不然点击页面上任意一个dom隐藏显示(v-if)的时候 会把它内容也给隐藏掉 .swiper-wrapper{ height:rem(100)!important; }
阅读全文
摘要:官方介绍 这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。如果你熟悉 React,这与 React 的上下文特性很相似。 看不懂上面的介绍没有关系,不过上面的这句提示应该明白,就是说 Vue.js 不建议在业务中使用这对
阅读全文
摘要:切换组件后 把内容缓存起来 而不是切会来之后被清空
阅读全文
摘要:传统的引入方式 懒加载的方式引入
阅读全文
摘要:很多时候,我们拿到别人的库,都是通过npm install 来的,这些组件非常方便,在哪里都能够通过简单的引入,来获得其使用权。 你需要手工,人力去判断自己所在层级的位置,然后一个一个的../../../../../../../../去点出来,查找包的位置。 说明 一般前端(基于vue脚手架的应用)
阅读全文
摘要:// this.siginData.money 为原来的金额 this.siginData.deltaMoney 为增加的金额 let _result = this.siginData.money + this.siginData.deltaMoney let times = setInterval(() => { // 金额增加做动画 ...
阅读全文
摘要:MpVue是什么 小程序的缺点 MpVue的能力 MpVue入门 MpVue目录结构与讲解 Vue生命周期+兼容小程序生命周期 模板语法 事件处理 模板
阅读全文
摘要:另外 this.$el 可以获取body下所有DOM节点 父页面获取子组件的所有属性 获取 child下面的节点
阅读全文
摘要:// 保留两位小数 Vue.filter('dTofixed', function(value) { var isNum = parseFloat(value); if (!isNum) { return "0.00"; } else { var value = Math.round(isNum * 100) / 100; var item = value....
阅读全文