
vue
开心肖肖乐-
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
零基础vue(五)——计算属性+组件
计算属性其实我们使用模板内的表达式是非常便利的,但是表达式实际上只能用于简单的运算。对于任何复杂的逻辑,应当使用计算属性来实现。关键字:computed书写格式:和函数一样下面我们看一个案例,来区别表达式、函数和计算属性的使用。这里使用了三种方法去实现文字的逆序输出。最后实现的效果一样,这里只需要观察他们的区别就可以了。<div id="app"> <h1>...原创 2020-04-08 14:59:31 · 499 阅读 · 0 评论 -
vue零基础(四)——VueJS指令(2)
v-for可以循环数组、对象。语法:v-for="(item,index) in ditems"v-for=“item in ditems”item:单个项目index:索引值in:item在items里面循环实例代码:在这里插入代码片...原创 2020-04-03 08:17:47 · 207 阅读 · 0 评论 -
vue零基础(三)——vueJS指令(1)
什么是指令VueJS通过被称为指令的新属性来扩展HTML。ViueJS通过内置的指令来为应用添加功能。VueJS允许你自定义指令。指令的特征所有指令都包含在Vue实例管理的范围内。vueJS指令是扩展的HTML属性,带有前缀v-。v-model指令把元素值(比如输入域的值)绑定到应用程序,存储值。vueJS指令v-text:添加纯文本数据,相当于{{表达式}}——不能...原创 2020-03-31 17:16:17 · 243 阅读 · 0 评论 -
vue零基础(二)——基础知识(mvvm+VueJS表达式)
简知mvvmVue引入了MVVM (Model-View-ViewModeD)模式,他不同于MVC架构。MVC模式:Model:数据模型,一些JavaScript对象,比如{name :“小小”,age: 18};View:视图,网页中的内容,-般由HTMl模板生成。Contoller:控制器(路由),视图和模型之间的胶水。MVVM模式:Model:它是与应用程序的业务逻辑相...原创 2020-03-29 22:51:30 · 238 阅读 · 0 评论 -
vue零基础学习(一)——我的第一个vue程序
在编写第一个vue程序之前先给大家讲解一些基本的知识点。常用指令:指令含义v-text把应用程序数据绑定到元素的更新元素的textContent(也可用过 {{}} 来实现)v-model把元素值(比如输入域的值)绑定到应用程序v-bind可以动态的绑定一个或多个属性到HTML元素上步骤使用vue库引入实例注意事项...原创 2020-03-29 17:10:49 · 285 阅读 · 0 评论 -
零基础(二)——vue/cli脚手架安装
安装vue/cli脚手架首先,先确认是否有安装vue/cli.如果有安装的话就可以直接开始创建项目。如果安装了但是不是不想要的版本之类的,可以卸载再安装指定的版本。//安装(如果需要指定版本,则在后面加:@版本号)npm install @vue/cli -g@版本号//卸载npm uninstall cue/cli -g注意:3.0以下的版本是使用vue-cli3.0以上的版...原创 2020-03-15 11:09:52 · 243 阅读 · 0 评论 -
零基础(一)——node.js安装及环境配置
随着vue.js越来越火爆,更多的项目都用到vue进行开发,在实际的开发项目中如何搭建开发脚手架呢,今天跟大家分享一下首先先给大家介绍几个基本概念。需要了解的知识HtmlCss+JavascriptsNode.js环境(npm包管理工具)Webpack自动化构建工具npm/cnpm/yarn概念使用npm安装插件:命令提示符执行npm install 。(ps.新版本的nod...原创 2020-03-14 11:32:55 · 248 阅读 · 0 评论