vue.js
关注
分享
扫一扫
若往夕之
这个作者很懒，什么都没留下…
展开
-
vue+ajax实现页面加载完成后渲染页面
学完vue很长时间了但是一直在实际工作开始中用到感觉忘完了。最近年底正好比较闲。把最近写的一个抽奖系统改造一下。其实代码很简单。我想实现页面加载完成立马去渲染页面new Vue({ el:"#award", data:{ msg:[] }, methods:{ getData:function(){ let self = this; ...原创 2020-01-02 10:41:57 · 4445 阅读 · 4 评论 -
vue学习（一）基础知识
vue框架的介绍网上有很多。这里记录一下自己的学习过程。首先引入js包<script src="https://unpkg.com/vue/dist/vue.js"></script>1.数据绑定<!DOCTYPE html><html> <head> <meta charset="utf-8" />...原创 2019-07-02 11:53:07 · 144 阅读 · 0 评论 -
vue学习（二）表单渲染
表单渲染可以分为条件渲染，列表渲染,事件处理，表单输入绑定。1.条件渲染v-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 true值的时候被渲染。<body> <div id="test"> <button id="aaa" v-if="msg">显示</button> <button id=...原创 2019-07-02 14:57:56 · 915 阅读 · 0 评论 -
vue学习（三）组件
组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 js 特性扩展。他可以分为全局组件和局部组件两种。1.全局组件需要注意的是，这里的data是一个函数，而不是像前面学的直接提供一个对象。<...原创 2019-07-03 11:48:47 · 136 阅读 · 0 评论 -
vue学习（四）计算属性和watch
1.computedcomputed计算属性是用来声明式的描述一个值依赖了其它的值,当你在模板里把数据绑定到一个计算属性上时.Vue 会在其依赖的任何值导致该计算属性改变时更新 DOM。这个功能非常强大，它可以让你的代码更加声明式、数据驱动并且易于维护。watch监听的是你定义的变量,当你定义的变量的值发生变化时，调用对应的方法。<body> <div id="...原创 2019-07-03 15:00:09 · 926 阅读 · 0 评论 -
vue学习（五）多层组件传值
<body> <div id="app"> <parent :imgtitle="title" :imgsrc="img"></parent> </div> <template id="child1"> <img :src="imgsrc" /> </templat...原创 2019-07-06 16:03:46 · 1615 阅读 · 0 评论 -
vue学习（六）插槽的使用
插槽分为匿名插槽和实名插槽。匿名插槽就可以随便插入内容。实名插槽必须按照一定的规则插入内容匿名插槽 <div id="app"> <my-slot> <img src="img/aa.png"/> </my-slot> </div> <template id="slot"> ...原创 2019-07-06 16:32:06 · 102 阅读 · 0 评论