照着官网撸Vue
关注
分享
扫一扫
文章平均质量分 67
照着官网撸Vue
blog12138
这个作者很懒，什么都没留下…
展开
-
vue7.条件渲染
文章目录条件渲染v-ifv-elsev-else-if使用key管理可复用的元素v-show条件渲染v-if<h2>v-if</h2> <div id="app1"> <h1 v-if="awesome">Vue is awesome!</h1> <h1 v-else>Oh no ????</h1> </div> <script>原创 2021-01-12 14:53:33 · 241 阅读 · 0 评论 -
vue6.class和style的绑定
文章目录本文使用到的样式绑定Class对象语法数组语法绑定style对象语法数组语法本文使用到的样式<style> .static { color: red; } .active { color: blue; } .text-danger { color: yellow; } .isActive {原创 2021-01-08 16:06:15 · 132 阅读 · 0 评论 -
vue5.计算属性和侦听器
文章目录计算属性计算属性缓存vs方法计算属性vs侦听属性计算属性的setter侦听器计算属性模板内的表达式非常便利,但是设计它们的初衷是简单运算,在模板中放入过多逻辑会让模板过重且难以维护<h1>计算属性</h1><p>模板内的表达式非常便利,但是设计它们的初衷是简单运算,在模板中放入过多逻辑会让模板过重且难以维护</p><h2>基础例子</h2> <div id="app-1"> <原创 2021-01-08 14:16:27 · 138 阅读 · 0 评论 -
vue4.模板语法
这里写自定义目录标题本文使用的style插值指令缩写Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。如果你熟悉虚拟 DOM 并且偏爱 JavaScript 的原始力量，你也可以不用模板，直接原创 2021-01-08 09:39:25 · 209 阅读 · 1 评论 -
vue3.Vue实例
文章目录创建一个实例数据与方法阻止追踪实例property和方法create钩子生命周期图创建一个实例new Vue<h1>创建一个实例</h1> <pre> var vm = new Vue({ //选项 }) </pre>数据与方法当一个 Vue 实例被创建时，它将 data 对象中的所有的 property 加入到 Vue 的响应式系统中。当这些 property 的原创 2021-01-07 15:40:08 · 1662 阅读 · 0 评论 -
Vue2-核心最基本功能介绍
文章目录hello绑定属性v-ifv-for处理用户输入v-model双向绑定组件化应用构建全部代码hello一个最简单的helloword <h1>hello</h1> <div id="app"> {{ message }} </div>// 绑定内容 var app1 = new Vue({ el: "#app", data: {原创 2021-01-07 14:02:03 · 419 阅读 · 0 评论 -
Vue1-hello
环境准备官方:https://cn.vuejs.org/下载vue.js库,如果是在github中下载的js库,找到dist文件夹下的vue.js文件就是我们需要的js库.helloword下载好js库后,就可以开始来使用一把了,据说vue使用mvvm模型,将数据,视图,模型进行分离,我们下面就来使用原来js显示数据和vue显示数据的操作的对比来看看helloword:1.js操作dom显示数据:<!DOCTYPE html><html lang="en"><h原创 2020-12-14 14:59:18 · 125 阅读 · 0 评论