vue项目练习 - 随笔分类(第3页) - 星雨，恒奋斗，过客

组件的加载与keep-alive

摘要：组件的加载与keep-alive keep-alive状态缓存，保持状态 A.组件 <template> <div>vueA{{msg}} <button class="" @click="changeactive" type="button">保持状态</button></div></templa 阅读全文

posted @ 2019-08-06 23:11 星雨，恒奋斗，过客阅读(189) 评论(0) 推荐(0)

组件传递数据props

摘要：1.父组件向子组件传递数据通过props； 2.子组件传递父组件数据需要通过自定义事件； $emit("定义事件"，数据)；父组件： <template>  <div class="main"><p style="font-weight:bo 阅读全文

posted @ 2019-08-06 21:41 星雨，恒奋斗，过客阅读(544) 评论(0) 推荐(0)

简单的组件

摘要：<template>  <div class="main"><p>learn vues</p> <forma /></div> </template> <script> import forma from './forma' export de 阅读全文

posted @ 2019-08-05 23:40 星雨，恒奋斗，过客阅读(139) 评论(0) 推荐(0)

表单和侦听器

摘要：表单输入绑定修饰符： .lazy .number .trim watch：监听数据变化计算属性vs监听属性能用计算属性的，一般都用计算属性，实在不行才用监听属性； <template> <div :class="classdemo">sdfsfs <form action=""> <input 阅读全文

posted @ 2019-08-05 23:23 星雨，恒奋斗，过客阅读(112) 评论(0) 推荐(0)

class和style的绑定

摘要：1class的绑定对象写法数组写法 <div :class="[activeClass,currentIndex]">style</div> 2.style的绑定对象写法 <template> <div :class="classdemo">sdfsfs <div class="old" :c 阅读全文

posted @ 2019-08-05 22:34 星雨，恒奋斗，过客阅读(341) 评论(0) 推荐(0)

vue--计算属性

摘要：1.计算属性 //如果数据没有被改变，则不会重新计算 //计算属性不加（）计算属性vs方法我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而，不同的是计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。这就意味着只要阅读全文

posted @ 2019-08-04 23:14 星雨，恒奋斗，过客阅读(155) 评论(0) 推荐(0)

vue基本指令2

摘要：1.v-if条件渲染 <div v-if="flags">ok</div> <div v-else>no</div> <script> export default { name: 'HelloWorld', data() { return { msg: 'Welcome to Your Vue.j 阅读全文

posted @ 2019-08-04 22:41 星雨，恒奋斗，过客阅读(161) 评论(0) 推荐(0)

vue基本指令1

摘要：main.js // The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.impo 阅读全文

posted @ 2019-08-04 18:06 星雨，恒奋斗，过客阅读(142) 评论(0) 推荐(0)

vue路由

摘要：1.起本地服务： npm run dev 2.打包项目 npm run build 链接跳转 <router-link class="nav-item" to="/">首页</router-link> mode:'history', vue -V(查看vue的版本号) npm i element-u 阅读全文

posted @ 2018-09-26 23:12 星雨，恒奋斗，过客阅读(141) 评论(0) 推荐(0)

星雨，恒奋斗，过客

随笔分类 - vue项目练习

公告