随笔分类 -  Vue

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

点击右上角即可分享
微信分享提示