![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue学习
Vue学习
Dreamy.TZK
这个作者很懒,什么都没留下…
展开
-
4、VUE中的computed和watch
computed在实际的应用中,我们会有一些原始数据,同时在应用中又会有一些数据是根据某些原始数据派生出来的,针对这样的一种情况,vue 定义了一个专门用来处理这种派生数据的选项:computed<div id="app"> <label><input type="radio" v-model="gender" value="" /> 所有</label> <label><input type="radio" v-model="g原创 2020-11-02 16:57:28 · 247 阅读 · 0 评论 -
3、VUE的事件
绑定事件在 vue 中,事件通过指令 v-on 进行绑定,v-on 缩写 @<组件 v-on:事件名称="表达式" /><组件 @事件名称="表达式" />组件的 methods 选项在组件选项中,提供了一个 methods 选项,用来存放组件中使用的函数方法,且存放在 methods 中的函数方法可以通过组件实例(this)进行访问let app = new Vue({ el: '#app', methods: { fn() {原创 2020-11-02 16:56:54 · 302 阅读 · 0 评论 -
1、VUE的基础使用
vue的引用通过script标签的方式进行引用。<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>组件vue 的核心功能之一就是组件组件基本分类根组件可复用的功能组件根组件的创建通过 vue 提供的构造函数可以实例化出来一个跟组件实例对象let app = new Vue(options);应用最顶层的组件,一般情况下,一个独立的应用有且只有一个根组件(节点)<原创 2020-11-02 16:54:21 · 232 阅读 · 0 评论 -
2、VUE指令的使用
内容输出大胡子语句通过 大胡子语句 我们可以很方便的中模板中输出数据,但是这种方式会有一个问题,当页面加载渲染比较慢的时候,页面中会出现 大胡子语句 ,vue 提供了几个指令来解决这个问题指令中的表达式不需要使用 大胡子语句v-text<p v-text="title"></p>弊端:v-text 会填充整个 innerHTMLv-cloak<p v-cloak>{{title}}</p>需要配合 css 进行处理<st原创 2020-11-02 16:55:06 · 215 阅读 · 0 评论