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 · 123 阅读 · 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 · 290 阅读 · 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 · 161 阅读 · 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 · 105 阅读 · 0 评论 -
Vue_1.1 指令
什么是指令? 1>什么是自定义属性 2>指令的本质就是自定义属性 3>指令的格式:以v-开头 如:v-cloak ================================================================================================ v-cloak 解决多次刷新出现原文本问题 即“闪动”;指令用...原创 2020-03-28 23:42:38 · 117 阅读 · 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 · 93 阅读 · 0 评论