随笔分类 -  vue

vue+elementui 的表格单元格内修改数据
摘要：cellDbClick (row, column, cell, event) { var that = this event.target.innerHTML = '' var cellInput = document.createElement('input') cellInput.value = 阅读全文
posted @ 2022-10-17 17:37 xzzzys 阅读(838) 评论(0) 推荐(0)
vue 组件中数据传递
摘要：//有种形式的传递：从父到子，从子到父，平行级别的传递//首先第一种：从父到子，用props属性绑定 //父级数据： new vue({ "el":"#app", data:{ nickname:"小七" } }) //子组件： vue.component("myComp",{ "props":{" 阅读全文
posted @ 2017-10-31 14:20 xzzzys 阅读(1529) 评论(0) 推荐(0)
vue 组件
摘要：组件就是可重用的代码，可以扩展HTML元素 按作用域范围可以分为1，全局组件 2，局部组件 1，全局组件： 1 vue.component("定义组件名myComponent",{ template:"这是全局组件" }) 用时：<my-component></my-component> 写在new 阅读全文
posted @ 2017-10-31 13:33 xzzzys 阅读(187) 评论(0) 推荐(0)
vue 计算属性 实例选项 生命周期
摘要：vue 计算属性： computed：{} 写在new vue()的属性，只要参与运算，数据不发生变化时，次计算只会执行一次，结果缓存，之后的计算会直接从缓存里去结果。如果其中的值发生变化（不管几个），会重新计算，在重新缓存 在computed和methods的方法里直接调用data里的数据时用 t 阅读全文
posted @ 2017-10-31 11:35 xzzzys 阅读(694) 评论(0) 推荐(0)
vue 的过滤器
摘要：1.0版本： limitBy filteBy orderBy lowerBy upperBy json currency capitalize pluralize debounce 2.0版本： 要自己实现过滤，{{msg | uppercase}} {{msg | limitTo(5) }}如下： 阅读全文
posted @ 2017-10-31 11:13 xzzzys 阅读(253) 评论(0) 推荐(0)
vue数据绑定方式：
摘要：1，{{ }} 2，v-text 3，v-html 前两种接受普通变量，第三种绑定带有标签的内容，但是严禁使用，这个会有 XSS危险，（将字符串解析成源代码） 4，v-bind：title=‘msg’ //绑定属性 可缩写 ：title='msg' 5，v-on //绑定事件 可缩写 @click= 阅读全文
posted @ 2017-10-31 10:43 xzzzys 阅读(1833) 评论(0) 推荐(0)
vue 开始开发
摘要：1，引入vue.js文件 2，在body里用标签 编辑一个入口 <div id="app">{{msg}}</div> <-- 用双大括号 取数据显示--> 3，书写js声明 vue var myapp=new Vue({ 'el':'#app', //id类名，表明入口 ‘data’:{ msg: 阅读全文
posted @ 2017-10-31 10:23 xzzzys 阅读(137) 评论(0) 推荐(0)
vue 文件引入1
摘要：直接 <script> 引入 直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量。重要提示：在开发时请用开发版本，遇到常见错误它会给出友好的警告。 开发环境不要用最小压缩版，不然就失去了错误提示和警告! 开发版本包含完整的警告和调试模式生产版本删除了警告，30.33kB min 阅读全文
posted @ 2017-10-31 10:09 xzzzys 阅读(208) 评论(0) 推荐(0)
vue 文件引入
摘要：直接 <script> 引入 直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量。重要提示：在开发时请用开发版本，遇到常见错误它会给出友好的警告。 开发环境不要用最小压缩版，不然就失去了错误提示和警告! 开发版本包含完整的警告和调试模式生产版本删除了警告，30.33kB min 阅读全文
posted @ 2017-10-31 10:04 xzzzys 阅读(674) 评论(0) 推荐(0)