![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
junlingshiwo
这个作者很懒,什么都没留下…
展开
-
评论列表案例
此案例想要的就是我们在输入框中输入文本,可以显示或者可以删除评论。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vueApp</title> <s原创 2021-07-26 22:10:48 · 162 阅读 · 0 评论 -
vue.js
【一】Class属性绑定:1:对象语法我们可以传给v-bind:class 一个对象,以动态地切换class。比如如果这里isShow的值为true 则会被渲染成class='active' ,结果也会渲染变红;如果为false ,结果将不会被渲染。(如下所示)2:数组语法我们可以把一个数组传给v-bind:class,以应用一个class列表。<!DOCTYPE html><html lang="en"><head>...原创 2021-07-22 19:42:27 · 98 阅读 · 0 评论 -
Vue.js
【一】事件修饰符1:知识点2:结果:因黄色块在红色块内,当点击黄色块时就相当时点击了红色块,为避免这样的触发,可使用.stop来阻止事件冒泡。3:结果:当点击一次按钮时,就会一直触发增加,而我们需要的就是点击一次触发一次,就可以使用.once来进行触发。4:按键修饰符结果:在搜索框中搜入东西时,每当按键抬起时,就会触发,为防止这样,我们使用按键修饰符.enter来进行改进,当按回车才会触发。5:<!DOCTYPE html&...原创 2021-07-21 10:50:30 · 103 阅读 · 0 评论 -
vue实例
《一》Vue.js是:Vue (读音 /vjuː/,类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。《二》创建一个 Vue 实例每个Vue应用都是通过vue函数创建一个新的vue实例开始的。一个 Vue 应用由一个通过new Vue创建的根...原创 2021-07-20 14:14:12 · 676 阅读 · 1 评论 -
Vue基础
一:模板语法《1 插值:a :文本 {{}}; b:纯Html《2指令此处为创建的的状态。当我们在编辑器中所写var vm =new Vue({})时,就可以在浏览器的控制页面进行操作等。《3 class与style绑定clss绑定:有三种绑定的方法:三目写法,对象写法,数组写法。style绑定:同样有三种绑定方法:三目写法,对象写法,数组写法。style绑定 <div :style="'background:'+(isActiv...原创 2020-10-25 18:39:00 · 116 阅读 · 0 评论 -
Vue-cli的使用
一:Vue-cli的简介与使用 (脚手架工具)需要安装脚手架工具,使用npm命令,去vue官网有教程。build目录下放置的是项目的webpack配置文件,可以不动 config是针对线上环境和开发环境的配置文件,也可以不动 node_modules 指的是项目的依赖 src 指的是源代码放置的目录二:使用vue-cli开发Todolist1:利用Vue-cli时,数据data的定义不是对象,而是一个函数形式,返回值为对象。 data : function() ...原创 2020-10-13 23:13:19 · 94 阅读 · 0 评论 -
vue入门
一:挂载点,模板,实例之间的关系挂载点:vue只会去处理挂载点上的数据模板:挂载点内部的内容即为模板内容,可以将模板放在vue实例里的template来编写实例:指定挂载点和模板就行二:Vue实例中的数据,事件和方法{{ }}差值表达式 v-text里的值是一个变量,他要显示的的值是变量的值(会发生转义)v-html:不会转义,如:<h1>123</h1> v-html会显示123,v-text会显示<h1>123</h1>绑.原创 2020-10-04 22:24:16 · 128 阅读 · 0 评论