随笔分类 - vue开发
摘要：安装yarn执行以下命令 yarn 安装插件 yarn add conventional-changelog-cli 在package.js中加入配置 "scripts": { "changelog": "conventional-changelog -p angular -u -i CHANGEL
阅读全文
摘要：vue2中使用中我们也会遇到这样的问题 # template <p @click="adda(obj)">{{ obj.a }}</p> <p @click="addb(obj)">{{ obj.b }}</p> # srcript data () { return { obj:{ a:1 } }
阅读全文
摘要：1、目录如下： 2、源码如下 child.vue <template> <div> <div>{{ propVal }}</div> <el-button @click="emitVal('我是儿子')">我是子组件</el-button> </div> </template> <script la
阅读全文
摘要：// 函数泛型testFun <T> (val:T):T{ return val } this.testFun<number>(3) // 默认类型 interface Itype<T=number> { name: T } 第一种 private test:Itype ={ name:122323
阅读全文
摘要：先head引入 <script type="text/javascript" src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script> html如下 <div id="login_container"><
阅读全文
摘要：多级组件通信，用vuex太重，props太麻烦。 vue 2.4 版本提供了另一种方法，使用 v-bind=”$attrs”, 将父组件中不被认为 props特性绑定的属性传入子组件中，通常配合 interitAttrs 选项一起使用。 <top> <center> <bottom> </botto
阅读全文
摘要：在main.ts 中添加Vue.component('sayHello',{ render(h){ return h('p',{ style:{ color:'red' } },`早上好`)//格式是`${this.userName}` }, data(){ return{ userName:'小明
阅读全文
摘要：<!-- 创建项目 --> ## 创建项目（yarn） yarn global add @vue/cli vue create my-project # OR vue ui ## 按需要选 >(*) TypeScript ( ) Progressive Web App (PWA) Support (
阅读全文
摘要：当我们项目中在scoped里给组件修改样式时不生效，那是因为scoped作用于当前页，利用穿透器可解决如下：
阅读全文
摘要：父组件调用子组件的方法：this.$refs.child.clickme();注意：用ts这样写是会报错的，所以ts写法如下(this.$refs.approval as any).openDialog() 子组件调用父组件的方法：this.$emit('wzhclick', {a:1,b:2});
阅读全文
摘要：图上那些类似于星座图的点和线，是由vue-particles生成的，不仅自己动，而且能与用户鼠标事件产生互动。 使用教程： npm install vue-particles --save-dev main.js里加入以下代码： import VueParticles from 'vue-parti
阅读全文
摘要：常用面试题（对应的知识点） 一、什么时候适合用computed，什么时候适合用watch 1、computed 属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。不可以在data中定义和赋值 2、watch ⑴监听data属性中数据的变化 ⑵监听路由router的变化 ⑶进行深度监听，监听对
阅读全文
摘要：vue防重复点击(指令实现) 快速点击按钮会重复多次调用接口，防止出现这样的情况 全局定义，方便调用 新建plugins.js export default { install (Vue) { // 防重复点击(指令实现) Vue.directive('preventReClick', { inse
阅读全文
摘要：1.指令的注册 指令跟组件一样需要注册才能使用，同样有两种方式，一种是全局注册: ? 1 2 3 4 5 Vue.directive('dirName',function(){ //定义指令 }); ? 1 2 3 4 5 Vue.directive('dirName',function(){ //
阅读全文
摘要：这里注意的就是vue插件的使用方法，通过全局方法 Vue.use() 使用插件。 插件通常会为 Vue 添加全局功能。插件的范围没有限制——一般有下面几种：添加全局方法或者属性；添加全局资源：指令/过滤器/过渡等；通过全局 mixin 方法添加一些组件选项；添加 Vue 实例方法，通过把它们添加到
阅读全文
摘要：前端工作量最多的就是需求，需求就是一直在变，比如当前端数据写完之后，需要用Excel把数据下载出来；再比如前端在没有数据库想写些demo玩时，也是很好的选择。 第一步安装依赖包,修改配置 1、装依赖： cnpm install file-saver cnpm install xlsx cnpm in
阅读全文
摘要：解决方案：
阅读全文
摘要：如图准备工作： 父子（子父）组件触发 EventBus.$emit('sub') EventBus.$on('sub',()=>{ console.log(1111222232211122) })
阅读全文
摘要：传送：https://www.haorooms.com/post/vue_webpack_youhua
阅读全文
摘要：工程化、模块化、和组件化分别是什么？工程化最基础的工程化思想就是将页面的结构、样式和动作分离，工程化是一种思想而不是某种技术，用做工程的思维看待和开发自己的项目，而不是直接撸起袖子一个页面一个页面开些；要盖一栋大楼，假如我们不进行工程化的考量那就是一上来掂起瓦刀、砖块就开干，直到把大楼垒起来，这样做
阅读全文
