2206月 使用vue-cli3+typescript的项目模板创建工程的教程 版本问题 全局安装过旧版本的vue-cli(1.x或2.x)要先卸载它(vue-V查看自己的脚手架版本) npmuninstallvue-cli-g//或者yarnglobalremovevue-cli 注:VueCLI3需要nodeJs≥8.9 安装 cnpminstall-g@vue/cli 创建项目(以下只说明用...…
2206月 vue学习笔记之给组件绑定原生事件操作示例 本文实例讲述了vue学习笔记之给组件绑定原生事件操作。分享给大家供大家参考，具体如下： 当在父组件中定义一个点击事件，并且在父组件的methods中定义了这个点击事件时，在页面上点击并不会有什么反应。那么该怎么办呢？ 我们可以在子组件的template中的dom上定义一个点击事件（原生事件），并且在子组件的method...…
2206月 不刷新网页就能链接新的js文件方法总结 如何不刷新网页就能链接新的js文件，其实在HTML语言中已经有相关的函数了，就是再添加一个<scriptsrc=.....></script>。 函数很简单，叫document.body.appendChild(script); 使用方法如下 <!DOCTYPEhtml><...…
2206月 ElementUI Tree 树形控件的使用并给节点添加图标 前言： 因为项目需要用Vue做一个管理系统，其中有一个公司部门的管理页面有用到ElementUI的树形控件，但是结构中没有使用chexkBox选项框，针对这个功能碰到的一些问题做一下总结 一，数据渲染 1）在<el-tree>标签中绑定data属性 2）在vue实例的data中声明list变...…
2206月 vue学习笔记之slot插槽用法实例分析 本文实例讲述了vueslot插槽用法。分享给大家供大家参考，具体如下： 不使用插槽，在template中用v-html解析父组件传来的带有标签的content <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8...…
2206月 基于vue-cli3+typescript的tsx开发模板搭建过程分享 项目创建 使用vue-cli3+创建一个基于ts的模板： vue-tsx-support 上一步中已经创建完了基于ts的vue模板，但是开发方式还是如同之前的template一样，只是将script中的js部分改成了ts来书写。接下来就将模板(template)方式改成tsx的方式，这里需要借助一个库--vue-ts...…
2206月 vue学习笔记之Vue中css动画原理简单示例 本文实例讲述了Vue中css动画原理。分享给大家供大家参考，具体如下： 当transition包裹了一个元素之后，vue会自动分析元素的css样式，构建动画流程。 so，我们需要定义style。 vue中的css动画，其实就是某一个时间点，给元素再增加了一个css样式体现的。 v-if、v-show、动态组件都可以实现...…
2206月 vue 中的 render 函数作用详解 render函数作用 vue渲染函数文档第一遍看的晕晕乎乎的，再看看写写终于清晰了。建议配合文档阅读，本文也是根据文档加上自己的理解。 注：本文代码都是在单文件组件中编写。代码地址 render函数作用 render函数跟template一样都是创建html模板的，但是有些场景中用template实现起来代码冗长繁琐而...…
2206月 Vue组件化开发之通用型弹出框的实现 本文主要分享关于组件化开发的理解，让刚入门的小伙伴少走一些弯路，提高开发效率，作者本人也是新手，如有不当之处，请大佬指出，感谢。 相信很多刚入门的小伙伴，经常会写很多重复的代码，而这些代码一般情况下也都是大同小异，在这种情况下，如何让开发和学习变得更加高效，组件化的思想就显得尤为重要。这里通过设计一个简单的弹出框，给小...…
2206月 ElementUI中el-tree节点的操作的实现 其实tree的有些方法用起来是很方便的， this.$refs.tree.getCheckedKeys()；这个原生态的方法。官方文档上说的是，返回一个数组。有了这个方法，我们就可以得到选中的每个节点的id,拿到了id，那所有的问题就迎刃而解了。 废话不多说，直接上代码 html <divid="app"&g...…
