学点vue.js的东西,什么都得学点,面试时说不定对方会问什么
时间:2022-04-27
本文章向大家介绍学点vue.js的东西,什么都得学点,面试时说不定对方会问什么,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
说vue呢也是关注视图层的框架,它嫌react太绕了,redux太麻烦了,然后就说自己很简单,说自己还有双向绑定,好的很,不是小好,是大好。那我今天就写点vue的东西,写教程其实就是最好的学习。咱们开始吧
////////
先得安装vue,其实就跟jq一样,用<script>标签引入,就算安装完了。就这样:
<script src="js/vue.min.js"></script>
我看网上许多还有什么vue项目目录结构,什么脚手架,...,我个人主观建议大家,别去看那些东西,什么目录结构,什么脚手架。你学什么,你就看什么,你学的是vue,那你就看vue的资料。
////////
刚才说装好了vue.js,然后搞个hello world吧,...看看资料,说是vue使用了基于html的模板语法,能把dom绑定到数据上。(我看有vue的文章说,react的jsx太麻烦,不直观,说jsx把js和html混在一起不好。结果vue一样把dom混到数据里。这就是文无第一,武无第二,别人都不自己)
vue的模板语法,就是 {{...}}
<div>{{我是老尚}}</div>
然后用v-html来输出html,
<div v-html="news"></div>
<script>
new Vue({
el: '#app',
data: {
message: '<h1>我是老尚</h1>'
}
})
</script>
这就把文字放到div里了。
////////
html的属性的值使用v-bind来进行响应式的更新,然后双向绑定用v-model,然后这二个东西合在一起就可以做一个简单的切换,就这样:
其实就是用true和false来判断是否使用sty1的样式。
////////
感觉是比ng简单点,哈。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 曝光埋点方案:recyclerView中的item曝光逻辑实现
- Android中的动画全解!
- Python 爬取留言板留言(二):多线程版+selenium模拟
- 嵌套滑动通用解决方案--NestedScrollingParent2
- Python 爬取留言板留言(一):单进程版+selenium模拟
- Glide-图片加载框架全解(一)- 基本用法
- Python全栈(六)项目前导之1.Redis介绍及数据类型介绍
- 网络请求框架OkHttp3全解系列(一):OkHttp的基本使用
- 网络请求框架OkHttp3全解系列 - (二)OkHttp的工作流程分析
- 这次,我把Android事件分发机制翻了个遍
- 网络请求框架OkHttp3全解系列 - (三)拦截器详解1:重试重定向、桥、缓存(重点)
- Python全栈(七)Flask框架之4.Flask模板继承与案例练习
- 你想要的系列:网络请求框架OkHttp3全解系列 - (四)拦截器详解2:连接、请求服务(重点)
- 不会玩阴阳师的我带你一键下载《阴阳师:百闻牌》所有卡牌并调用百度OCR识别文字信息
- 微信小程序生命周期学习笔记-页面篇