![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
风起未来
一路向前
展开
-
vue 模板语法-属性绑定
vue 模板语法属性绑定1.vue如何动态处理属性v-bind<!-- 完整语法 --><a v-bind:href="url"></a><!-- 缩写 --><a :href="url"></a><div id="app"> <a v-bind:href="url">baidu</a> <a :href="url">baidu1</a&g原创 2021-04-28 21:13:40 · 130 阅读 · 0 评论 -
vue 事件绑定
vuejs中的事件绑定,使用<v-on:事件名 = 函数名>来完成的,这里函数名是定义在Vue实例中的methods对象中的,Vue实例可以直接访问其中的方法事件绑定方式1、 直接在标签中写js方法 <button v-on:click="alert('helloVue')">执行方法的第一种写法</button>2、调用method的办法调用method的办法 <button v-on:click="run()">执行方法的第一种原创 2021-04-26 19:48:00 · 308 阅读 · 0 评论 -
vue 生命周期 简述
vue 生命周期vue的生命周期就是从创建到销毁的过程中,在某个特定的时间点自动执行的函数,一共有8个生命周期函数beforeCreate()created()beforeMount()mounted()beforeUpdate()updated()beforeDestry()destroyed()在beforeCreate和created钩子函数之间的生命周期初始化数据。created()时,data属性及其内部数据已到位。created钩子函数和beforeMount间的生命周期原创 2021-04-26 19:01:07 · 164 阅读 · 0 评论 -
Vue v-model 双向数据绑定
Vue 双向数据绑定即双向的数据到页面 和 页面到数据(页面的表单数据 文本域等)实现一个简单的数据双向绑定使用Object.defineProperty()来定义属性的set函数,属性被赋值的时候,修改Input的value值以及span中的innerHTML;然后监听input的keyup事件,修改对象的属性值,即可实现这样的一个简单的数据双向绑定 <input type="text" id="textInput"> 输入:<span id="textSpan"&...原创 2021-04-23 18:21:29 · 111 阅读 · 0 评论 -
Vue_1.1 指令
什么是指令?1>什么是自定义属性2>指令的本质就是自定义属性3>指令的格式:以v-开头 如:v-cloak================================================================================================v-cloak 解决多次刷新出现原文本问题 即“闪动”;指令用...原创 2020-03-28 23:42:38 · 120 阅读 · 0 评论 -
Vue_1.0
Vue概述尤雨溪 2.0以上(2.5)Vue 渐进式JavaScript框架声明式渲染 --组件系统 --客户端路由 --集中式管理状态 --构建项目官网https://cn.vuejs.org/v2/guide/易用 :熟悉HTML css JavaScript 可快速上手Vue ;灵活 :在一个库和一套完整的架构之间伸缩自如;高效:20KB运行大小,超快...原创 2020-03-26 23:55:57 · 102 阅读 · 0 评论