随笔分类 - vue
摘要：操作类API： 添加节点： 删除选中节点： 获取当前画布的json： 加载json刷新画布： 通过节点key获取节点： 更改节点属性值： 获取获得焦点的第一个元素，可为节点或者线： 获取所有获得焦点的节点： 遍历整个画布的节点信息写法： 给节点添加线： 选中节点： 特殊案例API用法： 常用事件定义
阅读全文
摘要：1、去除水印 在文件中搜索7eba17a4ca3b1a8346，找到类似a.Jv=d[w.Jg("7eba17a4ca3b1a8346")][w.Jg("78a118b7")](d,w.um,4,4);这样结构的代码 将其注释，替换成a.Jv=function(){return true;}; 2、
阅读全文
摘要：注：vue单页面第一次打开慢，页面切换非常快；vue多页面单页面打开快，但是每次切换页面都要加载页面数据，相对较慢。 1、添加多页面配置 在工程根路径下（package.json同目录）添加添加vue.config.js配置文件，内容为： 2、创建多页面应用 创建模块，在src下创建目录module
阅读全文
摘要：问题描述：只要页面没有强制刷新，存在组件切换，bus.$on方法会被多次绑定，造成事件多次触发 解决办法一：在每次调用方法前先解绑事件( bus.$off )，然后在重新绑定( bus.$on ) 解决办法二：注册的总线事件（Bus）要在组件销毁时(beforeDestroy/destroyed)卸
阅读全文
摘要：一、UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Material和Vue
阅读全文
摘要：1、vue-cli3创建运行项目： 2、vue-cli2创建运行项目： 3、vue打包命令： npm run build 4、vue-quill-editor文本编辑器位置超出隐藏就不显示的问题： 修改quill.js文件，改成左右上下不超出指定范围。 5、github不允许上传超过100M的项目，
阅读全文
摘要：引入cnpm install html2canvas. html代码 <!-- 把需要生成截图的元素放在一个元素容器里,设置一个ref --> <div class="image_tofile" ref="imageTofile"> <!-- 这里放需要截图的元素,自定义组件元素也可以 --> </
阅读全文
摘要：computed是计算树形，methods是方法。 两种方法执行的结果是一样的，不同的是computed计算属性是基于他们的依赖进行缓存的，computed只有在它的相关依赖发生改变时才会重新求职。这就意味着只要message还没有发生改变，多次访问reversedMessage，计算属性就会立即返
阅读全文
摘要：1、流程顺序 “相应视图—>修改State”拆分成两部分，视图触发Action，Action再触发Mutation。 2、角色定位 基于流程顺序，二者扮演不同的角色。 Mutation：专注于修改State，理论上是修改State的唯一途径。 Action：业务代码、异步请求。 3、限制 角色不同，
阅读全文
摘要：assets：在项目编译的过程中会被webpack处理解析为模块依赖，只支持相对路径的形式，如< img src=”./logo.png”>和background:url(./logo.png),”./logo.png”是相对资源路径，将有webpack解析为模块依赖 static：在这个目录下文件
阅读全文
摘要：router.js： App.vue： params: {data: this.drafe} }); params: {data: this.drafe} }); HeadNav.vue：
阅读全文
摘要：路由中有三个基本的概念 route, routes, router。 1， route，它是一条路由， Home按钮 => home内容， 这是一条route, about按钮 => about 内容， 这是另一条路由。 2， routes 是一组路由，把上面的每一条路由组合起来，形成一个数组。[{
阅读全文
摘要：一个vue-cli的项目结构如下： 文件结构细分： 1.build——[webpack配置] build文件主要是webpack的配置，主要启动文件是dev-server.js，当我们输入npm run dev首先启动的就是dev-server.js，它会去检查node及npm版本，加载配置文件，启
阅读全文
摘要：安装 lib-flexible 1、npm i lib-flexible 2、在项目入口文件 main.js 里 引入 lib-flexible import ‘lib-flexible’ 3、添加meta标签 <meta name="viewport" content="width=device-
阅读全文
摘要：<router-link> 组件支持用户在具有路由功能的应用中（点击）导航。 1、to：表示目标路由的链接。当被点击后，内部会立刻把 to 的值传到 router.push()，所以这个值可以是一个字符串或者是描述目标位置的对象。 <!-- 字符串 --> <router-link to="home
阅读全文
