随笔分类 - Vue
认真学习，认真记录
发表于 2023-02-07 20:11阅读：265评论：0推荐：0
摘要：isRef 检查某个值是否是ref。是返回true，否则返回false。 const num = ref(10); const num1 = 20; const num2 = reactive({ data: 30 }); console.log(isRef(num)); //true consol
阅读全文 »
发表于 2020-12-01 12:33阅读：238评论：0推荐：0
摘要：一、vuex 概述 （一）组件之间共享数据的方式 但是这三种方案，只适合小范围的数据共享，如果我们需要频繁的大范围的进行组件之间的数据共享，那么我们就适合使用 vuex （二）vuex 是什么 主要实现数据共享 状态值的就是 vuex 中所要共享的全局数据 vuex 就是实现组件之间共享数据的方案
阅读全文 »
发表于 2020-10-28 22:19阅读：154评论：0推荐：0
摘要：一、watch属性的使用 1.传统方式实现双向数据改变监听事件（姓名拼接案例） <div id="app"> 姓: <input type="text" value="" @keyup="textChange()" v-model="firstname"/> + 名: <input type="te
阅读全文 »
发表于 2020-10-28 22:18阅读：175评论：0推荐：0
摘要：一、什么是路由 对于普通的网站来说，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源 对应单页面的应用程序来说，主要通过URL中的hash（#号）来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容，所以，单页面的应用程序的页面跳转主要用h
阅读全文 »
发表于 2020-10-28 22:17阅读：550评论：2推荐：2
摘要：一、模块化与组件化 模块化的定义 模块化在Node中是一个规范，定义一些模块的相关的规则，从代码角度上来说，方便做区别，如果不使用模块化，写在js文件中不利于后期维护和扩展，从代码的层面上就把相关的功能脱离出来，所以模块化从从代码的角度触发，分析项目，把项目中一些功能类型的代码，单独抽离为一个个的模
阅读全文 »
发表于 2020-10-28 22:16阅读：173评论：0推荐：0
摘要：官方文档：https://cn.vuejs.org/v2/guide/transitions.html 一、使用过度类名 没有使用动画之前： <body> <div id="app"> <input type="button" value="切换" @click="flag=!flag"/> <h4
阅读全文 »
发表于 2020-10-28 22:15阅读：132评论：0推荐：0
摘要：一、导入相关包 <script src="../lib/vue2.6.10.min.js"></script> <script src="../lib/axios-v0.17.1.js"></script> 二、设置容器 <div id="app"> </div> 三、 测试数据能否接收成功 Vue
阅读全文 »
发表于 2020-10-28 22:13阅读：186评论：0推荐：0
摘要：一、使用vue-resource发起get请求 github仓库地址：https://github.com/pagekit/vue-resource/blob/develop/docs/http.md <body> <div id="app"> <input type="button" value=
阅读全文 »
发表于 2020-10-28 22:12阅读：106评论：0推荐：0
摘要：vue实例的生命周期 什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！ 生命周期钩子：就是生命周期事件的别名而已； 生命周期钩子 = 生命周期函数 = 生命周期事件 主要的生命周期函数分类： 创建期间的生命周期函数： beforeCreate(
阅读全文 »
发表于 2020-10-24 19:50阅读：301评论：0推荐：1
摘要：一、什么是Vue 官方文档：https://cn.vuejs.org/v2/guide/ 关键字： 渐进式框架 自底向上增量开发 视图层 单文件组件 复杂的单页应用 复杂的单页应用: 顾名思义，单页应用一般指的就是一个页面就是应用，当然也可以是一个子应用，比如说知乎的一个页面就可以视为一个子应用。单
阅读全文 »
发表于 2020-10-24 19:43阅读：154评论：0推荐：0
摘要：认真学习，认真记录，每天都要有进步呀！！！ 加油叭！！！ 一、在vue中使用样式的方式: 1. 直接传递一个数组，注意： 这里的 class 需要使用 v-bind 做数据绑定 <style> .red { color: red; } .thin { font-weight: 200; } .ita
阅读全文 »
发表于 2020-10-24 19:41阅读：162评论：0推荐：0
摘要：vue指令之v-for和key属性 一、 v-for 1. v-for遍历数组 <div id="app"> <h3>好饿，我好想吃~~~~</h3> <ul v-for="menu in list"> <li>{{menu}}</li> </ul> </div> <script> var vm =
阅读全文 »
发表于 2020-10-24 19:39阅读：286评论：0推荐：0
摘要：一、渲染品牌列表 <div id="app"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">添加品牌</h3> </div> <div class="panel-body
阅读全文 »
发表于 2020-10-24 19:36阅读：153评论：0推荐：0
摘要：一、什么是过滤器 官方文档：https://cn.vuejs.org/v2/guide/filters.html 二、过滤器的使用 没有使用过滤器之前： <div id="app"> <table> <thead> <tr> <th>排名</th> <th>菜名</th> </tr> </thead
阅读全文 »
发表于 2020-10-24 19:33阅读：134评论：0推荐：0
摘要：案例实现分析: 把第一个字符追加到最后一个字符身上去 基本结构: <body> <div id="app"> <input type="button" value="继续浪" @click="lang()"/> <input type="button" value="别浪了" @click="sto
阅读全文 »
发表于 2020-10-24 19:31阅读：172评论：0推荐：0
摘要：Vue 中提供了 v-on: 事件绑定机制 绑定的事件处理函数必须定义到vm实例的事件处理函数 methods 中去 <div id="app"> <!-- <input type="button" value="点我，魅力可大了呢" id="btn"/> --> <input type="butt
阅读全文 »
发表于 2020-10-24 19:27阅读：450评论：0推荐：0
摘要：看栗子： <body> <div id="app"> <input type="button" value="按钮" title="哈喽~~~~这不是我的title"/> </div> <script src="./vue2.6.10.min.js"></script> <script> var v
阅读全文 »
