随笔分类 -  vue

vue 的属性
摘要：1、计算属性 computed 计算属性是一个自动触发的操作，当这个计算属性中所依赖的数据 (this.*) 发生改变的时候，计算属性就会自动触发。计算属性书写的时候是一个函数，但是使用的时候要当成一个属性来使用。 阅读全文
posted @ 2019-09-17 14:54 阳光‘ 阅读(197) 评论(0) 推荐(0)
vue引入swiper
摘要：第一步，在控制台下载依赖包，下载成功后，会在 package.json 文件中多出一个 "swiper": "^3.4.2", package.json 文件在根目录下 cnpm i swiper@3.4.2 -S 第二步，在 main.js 引入css文件，main.js 文件在 src 目录下 阅读全文
posted @ 2019-08-14 10:50 阳光‘ 阅读(2701) 评论(0) 推荐(0)
vue 自动获取光标
摘要：通过ref 属性拿 阅读全文
posted @ 2019-07-16 07:53 阳光‘ 阅读(1409) 评论(0) 推荐(0)
vue子组件向传父组件传值
摘要：子组件： 子组件通过this.$emit()的方式将值传递给父组件 注意：这里的func是父组件中绑定的函数名 父组件： 阅读全文
posted @ 2019-07-03 18:07 阳光‘ 阅读(29960) 评论(0) 推荐(0)
vue通过下标取值的问题
摘要：vue通过下标取值的时候有可能会出现报错。图片可以渲染出来，但是页面会报错。 原因是渲染速度的问题，刚进来的时候html先渲染，list[0].coverPath 就是undefined啊， 针对这一个解决办法，可以给父标签一个 v-if="list[0]" ，等有这个元素后才显示，就不会报错了。 阅读全文
posted @ 2019-07-02 11:14 阳光‘ 阅读(4464) 评论(0) 推荐(0)
vue获取当前年月日
摘要：首先在方法里声明时间接收 阅读全文
posted @ 2019-07-01 10:54 阳光‘ 阅读(40288) 评论(1) 推荐(0)
vue点击添加数据
摘要：通过v-model来实现数据的添加，以后会有更好的办法。 首先，写三个input 文本域，然后通过v-model 双向绑定data 里面的prop 对象里面对应的字段，里面的字段都给空字符串，因为一开始没输入的时候是没有值的，我这里是 v-model="prop.name"。 再然后创建一个tabl 阅读全文
posted @ 2019-07-01 10:04 阳光‘ 阅读(7268) 评论(0) 推荐(0)
vue路由跳转
摘要：第一种，直接跳转，router-link 里面可以加一个属性。在新的标签页打开。target="_blank" 属性 to 就是需要跳转的地址 阅读全文
posted @ 2019-06-21 08:34 阳光‘ 阅读(133) 评论(0) 推荐(0)
vue变量赋值的时候，在什么时候用双引号，什么时候用单引号，什么时候不用引号
摘要：变量值赋值的时候要根据是什么类型来给对应的符号 String 字符串 类型的加双引号 name="陈钰"; char 字符 类型的加单引号 sex='男'; boolean 布尔值 类型的不加引号 isShow=true; number 数字 类型的不加引号 num=18; 只要不是char字符类型，String字符串类型... 阅读全文
posted @ 2019-05-31 17:01 阳光‘ 阅读(9069) 评论(0) 推荐(1)
vue的生命周期
摘要：created 组件的生命周期钩子函数 vue 的生命周期分为三部分 => 创建、运行、销毁 - 创建期间的生命周期函数： + beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性 + created：实例已经在内存中创建OK，此时 data 阅读全文
posted @ 2019-05-31 09:07 阳光‘ 阅读(155) 评论(0) 推荐(0)
vue的route和router的区别
摘要：一个是路由跳转，一个是定义路由规则 阅读全文
posted @ 2019-05-31 08:42 阳光‘ 阅读(329) 评论(0) 推荐(0)
vue路由跳转
摘要：通过点击事件来进行路由跳转。 this.$router.push('路径'); 例如： this.$router.push('/personal_cneter/buyer/customer_service_center/children/feedback'); template代码 <el-butt 阅读全文
posted @ 2019-05-29 16:22 阳光‘ 阅读(348) 评论(0) 推荐(0)
vue基础结构一键生成的代码模块添加
摘要：把下面的代码复制到html.json文件中。打开html,json的文件步骤，点击文件，然后选首选项，然后选用户代码片段，然后输入html，选择html.json。 把下面的代码粘贴过去。 { "Vue": { "prefix": "vue", "body": [ "<!DOCTYPE html>" 阅读全文
posted @ 2019-05-27 14:51 阳光‘ 阅读(311) 评论(0) 推荐(0)
vue文件打开的方式
摘要：vue的html文件需要用服务器的方式来打开，不然打开了没用。在vscode编辑器里，在文件右键会出现Open with Live Server的打开方式，然后以这种方式打开，要记得文件要引入vue.js文件，才有效。还要创建vm实例。 阅读全文
posted @ 2019-05-27 14:20 阳光‘ 阅读(5122) 评论(0) 推荐(0)
vue简单实例点击+1
摘要：点击按钮让数字+1 template结构 script结构 style结构 点击按钮让数字+1效果图 阅读全文
posted @ 2019-05-23 11:41 阳光‘ 阅读(2003) 评论(0) 推荐(0)
vue指令
摘要：vscode快捷键打开终端==>ctrl + shift + y使用我的代码的时候，要下载一个vue文件，还有就是要注意文件所放的路径要写对。或者你可以使用在线版本： ，把这段代码复制，然后在相应的地方替换。 vscode快捷键打开终端==>ctrl + shift + y使用我的代码的时候，要下载 阅读全文
posted @ 2019-05-23 10:34 阳光‘ 阅读(190) 评论(0) 推荐(0)
vue
摘要：新注册了博客园 vscode快捷键打开终端==>ctrl + shift + y 2.0开启服务器命令 npm run dev3.0开启服务器命令 npm run serve MVVM的理解外文名：Model-View-ViewModel 模型 - 视图 - 视图模型模型指的是后端传递的数据，视图指 阅读全文
posted @ 2019-05-22 15:27 阳光‘ 阅读(175) 评论(0) 推荐(0)