vue部分
watch、computed、methods区别是什么watch是侦听属性；computed是计算属性；methods是方法。computed有缓存；如果computed属性依赖的属性没有发生变化，计算属性会立即返回之前的计算结果。而methods里面的函数在每次调用时都要执行。watch和computed都是以Vue的依赖追踪机制为基础的。methods里面是用来定义函数...
2024-01-10
vue通信
组件实例的作用域是孤立的。一、父子通信 父组件通过props向下传递数据给子组件，子组件通过events给父组件发送消息。 要让子组件使用父组件的数据，我们需要通过子组件的props选项。prop是单向绑定的，父组件属性变化时，将传递给子组件，但是不会反过来。 子组件想要和父组件通信...
2024-01-10
vue总结
<!-- 1. MVC 和 MVVM 的区别 --><!-- 2. 学习了Vue中最基本代码的结构 --><!-- 3. 插值表达式 v-cloak v-text v-html v-bind（缩写是:） v-on（缩写是@） v-model v-for v-if v-show --><!-- 4. 事件修饰符 ： .stop .prevent .capture .self .once --><!-- 5. el 指定要控制的区域 data 是个对象，指定了控制的区域内要用到的数据 methods 虽然带个s...
2024-01-10
vue开发
前端架构之路：使用Vue.js开始第一个项目 Vue.js做为目前前端最热门的库之一，为快速构建并开发前端项目多了一种思维模式。本文通过一个简单的实例开始上手Vue.js开发。 一、技术准备 使用传统mvc项目的开发人员，笔者建议在开始项目前，对以下两个技术点进行了解。 1、 Vue.js...
2024-01-10
vue动画
1、使用transition定义动画//定义过渡的样式/*动画刚开始时的状态，动画结束时的状态*/.move-enter-active,.move-leave-active{ transition:all 2s;}/*动画过渡的css样式*/.move-enter,.move-leave-to{ opacity:0; transform:translateX(150px);}//使用vue中的transition动画组件<transition name="move"> <h2 v-if="show" cla...
2024-01-10
vue配置
安装node.js在cmd命令行运行 node –v 和 npm –v安装淘宝镜像安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架 5. (好像有问题)6.7. 8. 创建项目9.导入项目到visual studio code ...
2024-01-10
vue案列
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="div2" v-bind:style="mystyle"> <section> <h1>{{title}}</h1> <table> ...
2024-01-10
vue系列
vue学习（一）ES6常用语法vue学习（二）Vue常用指令vue小练习--音乐播放器vue学习（三）组件传值vue学习（四）插槽vue学习（五）生命周期 的钩子函数vue学习（六）异步组件加载vue学习（七）refs的使用vue学习（八）nextTick[异步更新队列]的使用和应用vue学习（九）对象变更检测注意事项vue学习（十...
2024-01-10
vue体验
#################################安装：1，安装node.js ：Javascript运行环境，其中的npm就是Node.js下的包管理器。2，命令行安装cnpm ：npm install -g cnpm --registry=https://registry.npm.taobao.org3，命令行vue的脚手架vue-cli：npm install -g vue-cli4，vscode软件安装：5，vscode中安装插件：Vetur插件脚手架使用：1，创建vue项...
2024-01-10
vue备用
handleCheck (item) { if (item.isChecked) { this.checkData.push(item.id) this.checkData = _.uniqWith(this.checkData, _.isEqual) } else { this.checkData = _.remove(this.checkData, i => i !== item.id) } },<template slot=...
2024-01-10
vue优点
低耦合。视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。可重用性。你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段视图逻辑。独立开发。开发人员可以专注于业务逻辑和数据的开发（Vi...
2024-01-10
vue（三）
组件组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素，封装可重用的代组件注册全局注册Vue.component(\'组件名称\', { }) 第1个参数是标签名称，第2个参数是一个选项对象全局组件注册后，任何vue实例都可以用组件基础用<div id="example"> <!-- 2、 组件使用 组件名称 是以HTML标签...
2024-01-10
vue动画片
没有动画效果 显示有点生硬<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue.js"></script></head><body><div , flag:false }, methods:{ } });</script></html>------------------...
2024-01-10
vue之介绍
在前端框架技术中有三大框架：Angularjs谷歌ReactFacebookVue尤雨溪 vue的介绍官网：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整...
2024-01-10
vue入门一
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title> <style type="text/css"> .box{ ...
2024-01-10
vue异常记录
1.npm audit fix --force后报错跑不起来https://www.jianshu.com/p/f19ba506f664https://www.jianshu.com/p/9717259e5158...
2024-01-10
vue渲染错误
vue 报错：[Vue warn]: Error in render: “TypeError: Cannot read property ‘1’ of undefined”原因：组件中，使用异步加载数据渲染组件。在组件第一次渲染时，数据对象还没有被赋值，此时组件渲染会因为缺少数据报错。解决：用v-if控制，在异步拿到数据之前，不渲染该组件。...
2024-01-10
vue变异方法
push() 往数组最后面添加一个元素，成功返回当前数组的长度 pop() 删除数组的最后一个元素，成功返回删除元素的值 shift() 删除数组的第一个元素，成功返回删除元素的值unshift() 往数组最前面添加一个元素，成功返回当前数组的长度 splice() 有三个参数，第一个是想要删除的元素的下...
2024-01-10
vue数据请求
我是vue菜鸟，第一次用vue做项目，写一些自己的理解，可能有些不正确，欢迎纠正。vue开发环境要配置本地代理服务。把config文件加下的index.js里的dev添加一些内容，dev: { env: require(\'./dev.env\'), port: 8090, autoOpenBrowser: true, assetsSubDirectory: \'static\', assetsPublicPath: \'/\', proxyTable: { \...
2024-01-10
vue开发规范
https://juejin.im/post/5ada9b586fb9a07aaf34c746https://juejin.im/post/5b67e49551882508603d1431#heading-29...
2024-01-10
vue的工作机制
Vue工作机制：1、 new Vue()的时候执行了一个init函数2、 $mount，在main.js中3、 Compile含有编译器的话就执行，没有的话就不执行，字符串写的模板需要编译，直接用template标签写的就不用编译器，平时使用的没有编译器，vue.js里边有编译器4、 Render函数，渲染函数，上边的template转换成了render函数，所以...
2024-01-10
vue:资源小记
github:https://github.com/keenleung/vue-tutorials过滤器：https://segmentfault.com/a/1190000005027001Webpack入门http://www.jianshu.com/p/42e11515c10f...
2024-01-10
vue实现树形表格
本文实例为大家分享了vue实现树形表格的具体代码，，供大家参考，具体内容如下效果如下：居中的图片：代码如下：<template> <div class="treeTable"> <table> <tr> <th>设备类型</th> <th>产品名称</th> <th>版本</th> <th>检查项</th> <th>检查子项</th> <th>检查大类</th> ...
2024-01-10
vue知识点（1）
v-on指令添加一个事件监听器div > <p>{{ message }}</p> <button v-on:click="reverseMessage">逆转消息</button></div>var app5 = new Vue({ el: '#app-5', data: { message: 'Hello Vue.js!' }, methods: { reverseMessage: function () { this.message = this.message.sp...
2024-01-10
